css如何添加模糊效果,css动态模糊效果

实例效果:请把鼠标放上去看看

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

与之间:

function on(she){

girl=she

move=setInterval("moving(girl)",50)}

function off(she){

clearInterval(move)

she.filters.blur.strength=2 }

function moving(s){

if (s.filters.blur.strength<110)

s.filters.blur.strength+=5

else clearInterval(move)}

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

与之间:

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">

您可能感兴趣的文章:Android图片特效:黑白特效、圆角效果、高斯模糊

Android中实现布局背景模糊化处理的方法

Android模糊处理实现图片毛玻璃效果

Android模糊处理简单实现毛玻璃效果

Android实现动态高斯模糊效果

Android 高仿微信语音聊天页面高斯模糊(毛玻璃效果)

iOS毛玻璃效果的实现及图片模糊效果的三种方法

iOS开发中视图的下拉放大和上拉模糊的效果实现

css实现的图片模糊效果

教你快速实现Android动态模糊效果

你可能感兴趣的:(css如何添加模糊效果)