CSS3实现文字阴影效果
1 2 3 |
h1{ text-shadow: 1px 2px 3px #FF0000; } |
通过CSS3的text-shadow属性,可以很方便地实现文字的阴影效果。
第一个参数,1px代表的是阴影的水平偏移,可以为负值;
第二个参数,2px代表的是阴影的垂直便宜,可以为负值;
第三个参数,3px代表的是阴影的模糊距离;
第四个参数,代表的是阴影的颜色。
text-shadow属性,在ie下,必须版本大于9,才支持。~_~很遗憾。
我写了个小示例,可以查阅