1

我似乎无法获得正确的颜色值/名称，因此我可以在文本上获得 Letter Press 效果。

要创建已标记文本的外观，请选择比背景更暗的文本颜色，然后创建一个 1px 模糊的 1px 文本阴影并将其向下偏移 1px。使文本阴影比背景略亮

background-color: rgba(255, 255, 255, 0.8);
color: #222;
text-shadow: 1px 1px 1px #FFFFFF;

到目前为止，我只得到这个

在此处输入图像描述

我该怎么办

  1. 查找比背景深的文本颜色。背景颜色为 rgba (255, 255, 255, 0.8)，文本颜色为#222。
  2. 查找比背景更亮的文本阴影颜色。背景颜色为 rgba (255, 255, 255, 0.8)，文字阴影颜色为#FFFFFF；

我需要将文本颜色（当前 #222）更改为较暗的文本颜色（当前为 #FFFFFF），将背景颜色（当前为 rgba 255、255、255、0.8）更改为较浅的颜色。我无法将背景颜色更改为任何其他颜色。

没有设计技能，也许有人会如何改变文本的颜色值以及文本阴影以产生更明显的凸版效果。

谢谢

4

4 回答 4

2

玩弄一些文字阴影的这种使用---

http://jsfiddle.net/sheriffderek/bTZs9/1/

模糊实际上取决于字体大小......并且使用 rgba 颜色有助于消除猜测工作来寻找不同的色调以匹配纸张颜色......

在此处输入图像描述

于 2012-08-20T23:10:03.613 回答
1

你为什么不在文本阴影上做更少的模糊？

您正在使用：

color: #222;
text-shadow: 1px 1px 1px #FFF;

使用较少的模糊，您的文本阴影变得更加普遍：

color: #222;
text-shadow: 1px 1px 0px #FFF;

在这种情况下，Blur 是第三个参数，您应该使用 的值，0px而不是1px获得更类似于凸版印刷的效果。

于 2012-08-15T04:02:41.283 回答
0

这有点花哨，但你可以使用伪元素：



JSFiddle

http://jsfiddle.net/Asustaba/MLEwp/



CSS

    #戳{
    显示：块；
    白颜色;
    字体：3em Arial，无衬线；
    位置：相对；
    }

    #stamped：之前，#text：之后{
    内容：attr（标题）；
    颜色：#222；
    位置：绝对；
    }

    #stamped：之前{顶部：1px；左：1px；}
    #stamped:after { top: 2px; 左：2px；}



HTML

    <h1 id="stamped" title="牛场">牛场</h1>
于 2012-08-15T03:34:36.103 回答
0

颜色 #222 太暗了。您必须使用 #333 或 #444 来盖印墨水。而且墨水不是固体的东西。你必须用这样的东西给文本一些噪音：http: //www.mightymeta.co.uk/demos/css-noise/

于 2012-08-15T01:32:07.363 回答