h5 input 阴影_CSS3文本阴影 text-shadow

CSS3文本阴影 text-shadow

HTML5学堂：CSS3文本阴影是给文本添加阴影效果，而在CSS3文本阴影在CSS以及存在了，只是CSS2.1的时候不用了，但是在CSS3又重新使用了，这是因为前端开发者对文本阴影开始重视了，使用更加广泛了！而本章对CSS3文本阴影的讲解希望对大家有帮助！谢谢~~

CSS3阴影的种类

可以分文字阴影和盒模型阴影。在最早做网页的时候，阴影效果是没办法实现的，只能用图片代替，现在有了CSS3的阴影属性box-shadow以及text-shadow来实现阴影。这样我们可以不需要图片也可以实现阴影效果了，一方面能减少代码以及图片的大小和数量，另一方面我们也能减少对图片的请求。还有一点，在于阴影能够很好的处理我们当前移动端上的一些问题。今天我们就来一起先看看文本阴影

欢迎沟通交流~HTML5学堂

文本阴影

text-shadow基本语法

text-shadow：none|shadow[,shadow]*

shadow=length{2,3}&&color?

默认值：none

语法分析：

none：无阴影

第1个长度值：阴影水平偏移值。可为负值

第2个长度值：阴影垂直偏移值。可为负值

第3个长度值：可选，阴影模糊值。不允许负值

color：设置对象的阴影的颜色。可以使用16进制颜色值，也可以使用英文单词，还可以采用rgba的表示法。

语法符号含义：

“[]”代表“可选”