tutoriel de flou dynamique css effect_basic

Exemple d'effet : veuillez passer la souris pour voir

Étape 1 : Insérez le script suivant entre et  :

<script><br>fonction sur(elle){<br>girl=she<br>move=setInterval("moving(girl)",50)} </p> <p>fonction désactivée(elle){ <br>clearInterval(move) <br>she.filters.blur.strength=2 }</p> <p>fonction déplacement(s){<br>if (s.filters.blur.strength<110)<BR>s.filters.blur.strength+=5<BR>else clearInterval(move)}</P> <P></script>

Étape 2 : Insérez le script suivant entre et  :

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