信压效应

Question

我似乎无法使颜色值/名称正确，以便我可以在文本上获得字母印刷效果。

  

要创建已标记文本的外观，请选择文本   颜色比背景暗，然后创建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）。我无法将背景颜色更改为任何其他颜色。

没有设计技巧，也许有人会如何改变文字和文字阴影的颜色值，以获得更明显的字母效果。

由于

Answer 1

使用一些文字阴影来愚弄---

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

模糊实际上取决于字体大小......并且使用rgba颜色有助于猜测找不到与纸张颜色相匹配的色调......

Answer 2

为什么不在文字阴影上做一些模糊？

您正在使用：

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

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

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

Blur是这种情况下的第三个参数，您应该使用0px而不是1px来获得更像字母的效果。

Answer 3

颜色＃222太暗了。您必须使用＃333或＃444标记墨水。墨水不是坚固的东西。你必须像这样的事情给文本留下一些噪音：http://www.mightymeta.co.uk/demos/css-noise/

Answer 4

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

的jsfiddle

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

CSS

    #stamped {
    display: block;
    color: white;
    font: 3em Arial, sans-serif;
    position: relative;
    }

    #stamped:before, #text:after {
    content: attr(title);
    color: #222;
    position: absolute;
    }

    #stamped:before { top: 1px; left: 1px; }
    #stamped:after  { top: 2px; left: 2px; }

HTML

    <h1 id="stamped" title="CATTLE FARMS">CATTLE FARMS</h1>