
接上次最流行CSS3技术Top 10(二),下面我们介绍Box-shadow与Text-shadow两种技术。
Box-shadow
Box-shadow是我们期待已久的特性,该特性使某个元素具有阴影的效果。Box-shadow的参数如下:
box-shadow: position x-offset, y-offset, blur radius;
position:的默认值为outset,它的另外一个值为inset。
x-offset:正值表示阴影在元素的右面,负值表示在左面。
y-offset:正值表示阴影在元素的下面,负值表示在上面。
blur radius:该值如果为零,则阴影没有模糊很锐利。
其实,如果大家对Photoshop有一定了解的话,Box-shadow与图层的外阴影的设定几乎一致。
现代浏览器全部支持该属性,但4.0以下的Firefox仍然需要添加前缀-moz,在IE9以下的浏览器中可以使用滤镜实现阴影效果。
继续阅读文章