css dynamic blur effect_basic tutorial

Kesan contoh: Sila letakkan tetikus di atas untuk melihat

Langkah 1: Masukkan skrip berikut antara dan :

berfungsi pada(dia){
gadis=dia
move=setInterval("moving(gadis)",50)}

fungsi mati(dia){
clearInterval(move)
she.filters.blur.strength=2 }

fungsi menggerakkan(s){
jika (s.filters.blur.strength<110)
s.filters.blur.strength+=5
lain clearInterval(move)}

Langkah 2: Masukkan skrip berikut antara dan :

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