CSS3之text-shadow详解


说明:本文所介绍css3效果不同浏览器可能显示结果不一样Firefox浏览器测试正常。

详解CSS3的上一篇中我们讲到了border-radius具体属性和用法,今天我们看一个相对简单的text-shadow。

CSS3 text-shadow是什么?

text-shadow的含义是:文本的阴影,给文本添加阴影效果

CSS3 text-shadow书写格式:

text-shadow:apx bpx cpx #color;

其中a指X轴上的位移,b指Y轴上的位移,c指阴影的宽度,color指阴影的颜色值;a、b可为负,c不能为负。

下面我们来简单的演示两个实例说明text-shadow的用法:

实例一:

.demo01{text-shadow:2px 2px 5px #305999}


实例二:

.demo02{background:#305999;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff}


通过实例二我们可以很简单的给文字添加边框,这只是 text-shadow的一个小技巧罢了,也许你可以创建更好的效果,这里就不一一列举了



相关阅读:
CSS3之pointer-events详解
CSS3实现文字渐变方法
MYSQL远程连接ERROR 1130 is not allowed to connect to this MySQL server
php随机打乱数组、字符串的函数
asp.net弹出窗口代码大全
linux命令之vi编辑器命令
JavaScript style属性详谈
php+ajax中文乱码解决方法
Linux下22端口的修改
javascript之textarea字数限制
JS点击复制地址发给QQ好友
mysql数据导出到access数据库
MySQL输出中文变问号的解决方法
HTML标签dtextarea属性详解
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4