CSS3文字效果（文字轮廓和阴影效果）

这里复制文本的效果是我试图复制文本的图像：

enter image description here

这里是我现在所知道的：

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; 

}

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

来源

2012-11-08 Satch3000

所有这些影子都没有必要，可以达到预期的只此影响：

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

阴影放置的工作原理是，当它在声明中定义，这样，将白色的影子在层次结构开始时会将其放在灰色阴影的顶部，并使其看起来像一个边框。

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

来源

2012-11-08 10:39:00 Beardy

你可以试试我的代码

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-11 02:55:16

CSS3文字效果（文字轮廓和阴影效果）

回答

相关问题