首页 > web前端 > css教程 > css动态模糊效果_基础教程

css动态模糊效果_基础教程

WBOY
发布: 2016-05-16 12:08:09
原创
2284 人浏览过
实例效果:请把鼠标放上去看看

 

 

 

 

css动态模糊效果_基础教程

第一步:把下面的脚本插入与

之间:

<script><br>function on(she){<br>girl=she<br>move=setInterval("moving(girl)",50)} </p> <p>function off(she){ <br>clearInterval(move) <br>she.filters.blur.strength=2 }</p> <p>function moving(s){<br>if (s.filters.blur.strength<110)<BR>s.filters.blur.strength+=5<BR>else clearInterval(move)}</P> <P></script>

第二步:把下面的脚本插入与之间:

style="position:absolute;top:70;left:390;filter:blur(add=1,direction=80,strength=2)"

onMouseOver="on(this)" onMouseOut="off(this)" width="337" height="87" border="0">

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板