Rumah >hujung hadapan web >tutorial css >css dynamic blur effect_basic tutorial

css dynamic blur effect_basic tutorial

WBOY
WBOYasal
2016-05-16 12:08:092279semak imbas
Kesan contoh: Sila letakkan tetikus di atas untuk melihat

css dynamic blur effect_basic tutorial

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn