tutorial #7 : Rounded Image Hover Effect

ok tuto neh amy yg request okeh .tahu tak image hover effect neh cam mane ? kalau tujukan cursor kat pic nanti dye akan melengkung and ade shadow .
ok ,mula2 pergi design > edit html
and search kod nih

a img {

then paste kod neh kat bawah kod tadi

-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 40px #bebaba; -moz-box-shadow: 0px 0px 40px #bebaba; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 0px dashed #000000; border-radius: 40px; -moz-border-radius: 40px;}

da ? okeh .belum habis lagi ok .
biru :kelebaran shadow
purple :warna shadow boleh rujuk sini
orange : warna border gambar
hijau :kelengkungan border
kuning : ketebalan border gambar

okeh ! Selamat Mencuba
creds : afyq
UPDATED
apit rase mungkin ad diantara korang yg pakai template designer and x jumpa kod a img { tuh kan ? jgan risau . Korang leh tngok sini