/* CSS代码实现文本重影效果 */ text-shadow: 2px 2px 2px #000, -2px -2px 2px #fff; /*向右下方、向左上方形成双层阴影*/ text-shadow: 0px 0px 1px #F00; /*形成一个带1像素模糊的红色阴影*/
在使用CSS3重影时,需要注意以下几点:
- 不同浏览器的支持程度不同,需要加上浏览器前缀;
- 多个阴影写在一起,使用逗号隔开;
- 每个阴影都必须包含投影的横向距离、纵向距离、模糊半径和颜色;
- 影响文本性能,应谨慎使用。
除了文本重影外,CSS3还有其他强大的特性,如过渡、动画、变形等,可以为网页带来更加丰富的表现形式。