制作浮雕文字

时间:2012-04-23 16:11:40

标签: css

我发现这个solution用于制作带文字的浮雕效果。这真的是最好的方式。关于它的任何新想法。如果您必须添加额外的span标记以使字距变为正确,则无法使用它。我想它会增加额外的节点并混淆伪选择器。

2 个答案:

答案 0 :(得分:3)

您可以使用文字阴影。

text-shadow{0px 1px 0px #fff, 0px -1px 0px #000}

这不会比IE9更早在IE中工作。

答案 1 :(得分:1)

它不一定是跨浏览器友好的,但总是有文字阴影来模仿浮雕风格。

h1.embossed {
    text-shadow: 1px 1px 2px #fff;
}

JS Fiddle demo