3

我正在尝试使用 css3 复制文本效果

这是我要复制的文本的图像：

在此处输入图像描述

这是我现在所拥有的：

h1 {

font-size:4em;  
color: #E6012F;

text-shadow:
      3px 3px 0 #888087,
     -1px -1px 0 #888087,  
      1px -1px 0 #888087,
      -1px 1px 0 #888087,
      1px 1px 0 #888087;

}

这里的主要问题是，我如何做文字白色轮廓？

4

2 回答 2

8

不需要所有这些阴影，您可以通过以下方式实现所需的效果：

text-shadow: 1px 1px 1px #fff, 2px 2px 2px #111;

阴影放置是根据在语句中定义的层次结构进行的，因此将白色阴影放在开头会将其叠加在灰色阴影之上并使其看起来像一个边框。

还值得注意的是，白色边框只会显示在阴影上而不是文本周围，因此将文本放在较暗的背景上不会在单词的顶部和左侧显示白色边框。

于 2012-11-08T10:39:00.393 回答
1

你可以试试我的代码

text-shadow: 1px 1px 1px #FFF, 1px 1px 1px #FFF, 1px 1px 1px #FFF, 1px 3px 3px #000;

如果你想要更多的阴影黑色，你可以更改1px 3px 3px #000为1px 4px 3px #000或更多

于 2014-11-11T02:55:16.583 回答