這種字體是如何實現雕刻的？

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上使用了淺色文字，所以兩者都被雕刻。

Answer 2

這是通過CSS3效果text-shadow完成的。有關更多信息，請參見here。 IE仍然不支持大多數CSS3屬性。