text-shadow

Paste_Image.png

设置文字阴影

语法

  text-shadow: X-Offset Y-Offset blur color;

X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移;
Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移;
Blur:是指阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰,如果不需要阴影模糊可以将Blur值设置为0;
Color:是指阴影的颜色,其可以使用rgba色。

{
  text-shadow: 2px 2px 0 red;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • text-shadow可以用来设置文本的阴影效果。 语法: text-shadow:X-Offset Y-Offs...
    Mandy_jin阅读 3,663评论 0 0
  • text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着[HTML5]和[...
    小飞侠zzr阅读 5,174评论 0 0
  • text-shadow:文字阴影 语法: text-shadow:[颜色(Color) x轴(X Offset) ...
    没_有_人阅读 3,733评论 0 2
  • text-shadow和box-shadow有点类似。但是他没有阴影拓展半径。 下面我们还是一个一个的说: X-O...
    paulihs阅读 1,508评论 0 0
  • 春日早尽有感 简静姝 斜阳草树茵磎戏, 梨落晶莹雪满地。 芳菲歇尽柳残红, 还似明年今日意。 王孙早谢林寻觅, 浣...
    姜清谈阅读 2,187评论 13 5