CSS3利用text-shadow属性实现多种效果的文字样式展现方法

一、效过图展示：

已经是比较久之前学习的文字效果了。但是还是很实用很有趣的。利用CSS3提供的text-shadow属性可以给页面上的文字添加阴影效果，因此可以替换掉之前使用过的一些繁琐的图片。到目前为止Safari、FireFox、Chrome和Opera等主流浏览器都支持该功能。

二、介绍CSS3的 text-shadow属性

text-shadow属性可以给页面上的文字添加阴影效果，基本语法如下:

text-shadow:none|<length>none|[<shadow>,]*<shadow>

text-shadow:none|<color>[,<color>]*

text-shadow属性的初始值为无，适用于所有元素。

color：表示颜色

length：表示由浮点数字和单位标识符组成的长度值，可以为负值，指定阴影的水平延伸距离。

上面的基本语法如果不理解的，请看下面这个例子

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表