CSS3文本(三)—text-shadow设置文本阴影

2024年04月14日 CSS3文本 CSS3 text shadow 阴影 文字阴影 懒猪技术

text-shadow

说明:text-shadow设置文本阴影。text-shadow 可向文本应用阴影。您能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色

语法:text-shadow:none (默认值)| <shadow> [ , <shadow> ]*

示例

h1

{

text-shadow: 5px 5px 5px #FF0000; /* 第1个5px是阴影水平偏移值,第2个长度值是阴影垂直偏移值 ,第3个阴影模糊值*/

}

1)普通文字阴影

测试普通文字阴影效果

text-shadow:1px 1px #CFABAB

2)模糊文字阴影效果

测试模糊文字阴影效果

text-shadow:1px 1px 1px #CFABAB

3)多重模糊文字阴影效果

测试多重模糊文字阴影效果

text-shadow:1px 1px 0 #CFABAB,1px 1px 2px #FF0;

CSS3文本 CSS3 text-shadow 阴影 文字阴影

本文链接:http://so.lmcjl.com/news/2079/

展开阅读全文
相关内容