好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

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

一、效过图展示:

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

二、介绍CSS3的 text-shadow属性

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

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

text-shadow:none| [, ]*

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

color:表示颜色

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

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

  
    p { 
        text-shadow : 0.1em 0.1em 0.3em #333333 ;
    } 
   

查看更多关于CSS3利用text-shadow属性实现多种效果的文字样式展现的详细内容...

  阅读:48次