【CSS3】文本阴影text-shadow
2016-02-22 15:53
274 查看
text-shadow可以用来设置文本的阴影效果。
语法:
X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移;
Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移;
Blur:是指阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰,如果不需要阴影模糊可以将Blur值设置为0;
Color:是指阴影的颜色,其可以使用rgba色。
比如,我们可以用下面代码实现设置阴影效果。
语法:
text-shadow: X-Offset Y-Offset blur color;
X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移;
Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移;
Blur:是指阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰,如果不需要阴影模糊可以将Blur值设置为0;
Color:是指阴影的颜色,其可以使用rgba色。
比如,我们可以用下面代码实现设置阴影效果。
text-shadow: 0 1px 1px #fff
相关文章推荐
- CSS伪类伪元素
- 【CSS3】嵌入字体@font-face
- css设计指南-笔记7
- css设计指南-笔记6
- 【CSS3】text-overflow 与 word-wrap
- CSS实现背景透明,文字不透明,兼容所有浏览器
- 新发现。css3控制浏览器滚动条的样式
- Css3 API
- css3动画库——animate.css以及css3动画一些有趣的实现
- CSS选择器笔记
- CSS选择器优先级
- CSS3读书笔记(from imooc) 第一章 初识CSS3
- 自定义AlertDialog button的样式
- 去除input标签/button按钮原本样式 并利用js赋值,select 中Option的增加与删除
- css3中的flex布局
- CSS知识点总结
- 文字超出长度隐藏,显示省略号
- ionic css 自定义样式
- html调试研究(三)-样式修改的需要了解的几个方面
- html调试研究(二)-样式修改的一些规范