标签:
一:ie9不支持css3的text-shadow属性;
二:glow滤镜下的文字阴影效果
Filter:glow(color=black,strength=5);
实现效果就是5像素扩散大小的黑色光晕。但是效果不经人意,当换成灰色时候就会有毛边。
三: MotionBlur的滤镜下的文字阴影效果
filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=5, direction=145);
用中文释义就是:145度方向上5像是大小的动感模糊。
MotionBlur滤镜虽然有了方向性,也可以设定大小,但是,其模糊出来的投影颜色却只能是文字本身的颜色。也就是说,单单一个标签,一个滤镜是无法实现类似于文字白色,投影黑色这种效果的。
但是,这种先天性的不足也是可以通过某些手段修复的。
四:采用两个一模一样颜色不同的文字进行重叠。
这里的文字重叠是借助了absolute
绝对定位元素的无高度性和无宽度性实现的。
五:采用两个一模一样颜色不同的文字进行重叠。
通过margin
负值让上下的文字出现1像素的偏移。
IE下类似css3 Text-shadow文字阴影的几种方法
标签:
原文地址:http://www.cnblogs.com/shineda/p/5011189.html