CSS Dynamic Blur Effect_Basic-Tutorial

Beispieleffekt: Bitte fahren Sie mit der Maus darüber, um zu sehen

Schritt 1: Fügen Sie das folgende Skript zwischen und ein:

<script><br>Funktion auf(sie){<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>Funktionsverschiebung(en){<br>if (s.filters.blur.strength<110)<BR>s.filters.blur.strength+=5<BR>else clearInterval(move)}</P> <P></script>

Schritt 2: Fügen Sie das folgende Skript zwischen und ein:

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