现在的位置: 网页制作教程网站制作教程 >正文
CSS

CSS3设置文字阴影效果的方法

发表于2017/3/14 网站制作教程 0条评论 ⁄ 热度 2,104℃

利用css如何设置文字的阴影效果?css2的时候已经有了text-shadow这个属性,但是css2.1的又删除了这个属性,css3又重新使用了这个属性;

语法:

text-shadow:1px 2px 3px #FFF;

text-shadow:阴影水平偏移值(可取正负值); 阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色。

兼容性:

  • Firefox,webkit内核的Safari和Chrome,Opera支持Text Shadow(文本阴影):text-shadow:2px 2px 5px #333333
  • IE不支持text-shadow(阴影)

其他:

一个文本可以使用多个文本阴影

演示:

text-shadow:7px 5px 2px #333333;

效果:

css设置文字阴影效果

  • 暂无评论