1. 前言
利用CSS3新增的text-shadow
属性可以生成文本阴影,在HTML文档中实现火焰特效、发光特效、凸起和镶嵌特效、描边特效的艺术字效果,大大提高开发效率,无需链接图片文件,节约带宽。
2. text-shadow属性介绍
2.1 语法:
text-shadow:none | <shadow> [ , <shadow> ]*
<shadow> = <length>{2,3} && <color>?
默认值:none
适用于:所有元素
继承性:有
动画性:是
计算值:1个颜色加3个绝对长度
2.2 取值:
none: 无阴影
<length>①: 第1个长度值用来设置对象的阴影水平偏移值。可以为负值
<length>②: 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值
<length>③: 如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值
<color>: 设置对象的阴影的颜色。