一:ie9不支持css3text-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像素的偏移。

posted on 2015-12-01 20:17  ich  阅读(354)  评论(0编辑  收藏  举报