编程教育资源分享平台

网站首页 > 后端开发 正文

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

luoriw 2024-02-01 14:29:33 后端开发 14 ℃ 0 评论

在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属性的第三个参数就是阴影模糊半径,代表阴影向外模糊时的模糊范围。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表
最新留言