CSS3系列教程——Text-Shadow
九月 19, 2010
2 comments
本文翻译自CSS3.info,并稍加改动,原文地址:Text-shadow, Photoshop like effects using CSS。
CSS3告知我们,如果你想使用简单的文本阴影,以后不必使用Photoshop了。text-shadow属性如下:
text-shadow:2px 2px 2px #000;
产生的效果是,为文本添加一个向右2像素、向下2像素、模糊度为2像素的阴影,如下:
Users of Webkit (from Safari 3+), Opera 9.5, Firefox 3.1(pre-Alpha), Konqueror or iCab should see a grey drop-shadow behind this paragraph.
对于那些不支持text-shadow属性的浏览器,请看下面的图片效果:
注意:这一特征不是在CSS3中被提出的;它早在CSS2中就被提出了。Safari浏览器早在1.0版本就能支持该属性了。
下面一段文字,在Opera、Konqueror、oCab和irefox 3.1+中,看起来非常酷(其它浏览器,则效果看起来很差):
Multiple shadows are Hot
下面是效果图: