IE blur滤镜

  IE blur滤镜:创建高速度移动效果,即模糊效果

语法

filter:Blur(Add=add,Direction=direction,Strength=strength)

说明

  1. Add:是一个布尔值,一般来说,当滤镜用于图片时取0,用于文字时取1。文字设置add=1时会整个字体增加移动效果,会很模糊注意设置add的值。
  2. Direction:模糊方向,以45度为单位改变,“0”为垂直向上,“45”向右上,“90”水平向右,“135”向右下,以依次改变。
  3. Strength:效果增长,一般5即可. 越大拉伸越大
     

IE blur滤镜示例,请在IE下浏览本示例
IE blur滤镜

<style>
.blur0,.blur1,.blur2,.blur3{filter:blur(add=1,Direction=0,strength=5);width:100px;height:100px;float:left;margin:0px 20px 20px 0px}
.blur1{filter:blur(add=0,Direction=45,strength=5);}/*add=0使用图片文字很模糊*/
.blur2{filter:blur(add=1,Direction=90,strength=5);}
.blur3{filter:blur(add=1,Direction=135,strength=5);}
</style>
<div class="blur0">blur滤镜创建高速度移动效果,即模糊效果</div>
<div class="blur1">blur滤镜创建高速度移动效果,即模糊效果</div>
<div class="blur2">blur滤镜创建高速度移动效果,即模糊效果</div>
<div class="blur3">blur滤镜创建高速度移动效果,即模糊效果</div>

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:IE blur滤镜

评论(0)Web开发网
阅读(171)喜欢(1)HTML/CSS兼容/XML