开发者

How is this font implemented to be engraved?

开发者 https://www.devze.com 2022-12-27 11:48 出处:网络
I\'m looking at http://agilewebsolutions.com/support. As you can see, the text h2 and h3 all have an engraved effect giving it a 3d look. How is this accomplished? I couldn\'t dig it out of the code.

I'm looking at http://agilewebsolutions.com/support. As you can see, the text h2 and h3 all have an engraved effect giving it a 3d look. How is this accomplished? I couldn't dig it out of the code. 开发者_JS百科Any help would be appreciated.


The h1 uses text-shadow:0 -1px 0 #000000; as it is a light text on a dark background.

The h2 uses text-shadow:0 1px 0 #FFFFFF; which is the exact inverse of the one above. support.css (line 47)

However both look engraved because of the use of light text on dark bg + dark text on light bg.


That is done with the CSS3 effect text-shadow. See here for more info. IE still does not support most CSS3 properties though.

0

精彩评论

暂无评论...
验证码 换一张
取 消