这个字体是如何雕刻的？

Question

我在看http://agilewebsolutions.com/support。正如您所看到的，文本h2和h3都具有雕刻效果，使其具有3D外观。这是如何完成的？我无法从代码中挖掘它。任何帮助将不胜感激。

Answer 1

h1使用text-shadow:0 -1px 0 #000000;，因为它是深色背景上的浅色文字。

h2使用text-shadow:0 1px 0 #FFFFFF;，它与上面的完全相反。 support.css（第47行）

然而，由于在暗bg上使用浅色文字+在光bg上使用暗文本，两者都看起来很刻。

Answer 2

这是通过CSS3效果text-shadow完成的。有关详细信息，请参阅here。 IE仍然不支持大多数CSS3属性。