css - 这种字体是如何实现雕刻的？

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 行)

然而，由于在深色背景上使用浅色文字 + 在浅色背景上使用深色文字，因此两者看起来都被雕刻了。