Saturday, August 6, 2011
Effects Blur Pada Gambar Dalam Blog @ 4:37:00 PM | 0 talkative person(s)
ok , so ni tutorial untuk buat effect blur pada gambar dlm blog korang
gambar korang akan menjadi half invisible bila korang hover mouse pada image.. ce try hover kt gambar bawah ni
nampak kn ? bole korang hover gambar diatas, ia akan menjadi separuh invisible / blur
ikut step dibawah ok ? (:
1) Pergi ke Dashboard => Design => Edit HTML
2) Cari ]]></b:skin> , Paste code dibawah ini sebelum ]]></b:skin>
img:hover{opacity:0.5;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}img{opacity:1.0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}
3) Klik Save Templates .
Selamat Mencuba (:
Labels: Tutorial
