CSS3文本阴影text-shadow
来源:互联网 发布:淘宝的id在哪里看 编辑:程序博客网 时间:2024/05/16 08:09
text-shadow可以用来设置文本的阴影效果。
语法:
text-shadow: X-Offset Y-Offset blur color;
X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移;
Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移;
Blur:是指阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰,如果不需要阴影模糊可以将Blur值设置为0;
Color:是指阴影的颜色,其可以使用rgba色。
实例代码如下:
<!DOCTYPE html><html><head> <meta charset="utf-8"><title>text-shadow</title><style type="text/css">.demo { width: 340px; padding: 30px; font: bold 55px/100% "微软雅黑"; background: #C5DFF8; text-shadow: 2px 2px 0 red;}</style> </head> <body><div class="demo">HELLO MY FRIEND</div></body></html>
运行结果:
0 0
- 【CSS3】---文本阴影text-shadow
- 【CSS3】文本阴影text-shadow
- CSS3文本阴影text-shadow
- 《CSS3实战》笔记--文本阴影:text-shadow
- css3 text-shadow设计文本阴影
- 《CSS3实战》文本阴影:text-shadow
- text-shadow阴影文本
- CSS3之阴影-文字阴影text-shadow
- css3文本属性text-shadow
- IEBlog:IE10下CSS3的文本阴影(CSS3 text-shadow)
- CSS3文字与字体:text-overflow 与 word-wrap、@font-face、文本阴影text-shadow
- CSS3的文字阴影—text-shadow
- CSS3的文字阴影—text-shadow
- CSS3之文字阴影text-shadow
- CSS3的文字阴影—text-shadow
- CSS3的文字阴影—text-shadow
- CSS3 参考指南:文字阴影text-shadow
- CSS3的文字阴影—text-shadow
- Cocos Creator 点击事件
- [Spring]动态获取Request对象
- 对stdin,stdout 和STDOUT_FILENO,STDIN_FILENO的学习
- iOS 多选删除(附tableViewTips及单选删除)
- 远程连接Centos桌面
- CSS3文本阴影text-shadow
- JAVA 反射获得object对象对应的实体类的属性、及属性值
- centos7 安装翻译软件stardict
- 项目乱码处理
- PAT 1013Hashing (25)
- Which Layout? Static, Liquid, Adaptive, or Responsive
- G++ hello world
- 设计模式之单例
- 通用的recyclerview adapter 适配