IE blur滤镜
IE blur滤镜:创建高速度移动效果,即模糊效果
语法
filter:Blur(Add=add,Direction=direction,Strength=strength)
说明
- Add:是一个布尔值,一般来说,当滤镜用于图片时取0,用于文字时取1。文字设置add=1时会整个字体增加移动效果,会很模糊注意设置add的值。
- Direction:模糊方向,以45度为单位改变,“0”为垂直向上,“45”向右上,“90”水平向右,“135”向右下,以依次改变。
-
Strength:效果增长,一般5即可. 越大拉伸越大
IE blur滤镜示例,请在IE下浏览本示例
<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滤镜