Css3中text-shadow属性使用方法及各参数所代表的含义

  • 2017-01-14 10:04:47
  • 7,040 次阅读
  • 稿源:天马行空

在CSS3中我们可以使用text-shadow属性给页面上的文字添加阴影效果,text-shadow在CSS2.1的时候曾被删除过的一个属性,但是又在css3.0中恢复了使用。

①text-shadow的使用方法:text-shadow:length length length color

第一个length表示的是阴影离开文字的横向距离;

第二个length表示的是阴影离开文字的纵向的距离;

第三个length表示的是阴影模糊半径;

color表示的是阴影的颜色。

②位移距离:text-shadow所使用的参数中,前两个参数是阴影离开文字的横向和纵向的位移距离,使用的时候必须指定这两个参数。

③阴影的模糊半径:text-shadow属性的第三个参数就是阴影模糊半径,代表阴影向外模糊时的模糊范围。

css3text-shadow

喜欢 2

文章评论 (0)

表情

大眼 可爱 大笑 坏笑 害羞 发怒 折磨 快哭了 大哭 白眼 晕 流汗 困 腼腆 惊讶 憨笑 色 得意 骷髅 囧 睡觉 眨眼 亲亲 疑问 闭嘴 难过 淡定 抗议 鄙视 猪头