在CSS3详解的上一篇中我们讲到了 。
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}
ok,通过实例二我们可以很简单的给文字添加边框,这只是 text-shadow的一个小技巧罢了,也许你可以创建更好的效果,这里就不一一列举了!