Kesan Khas Pada Gambar Apabila Dilalukan Cursor

Ok aku nak share cara nak buat kesan khas pada gambar bila terkena cursor..jom start bertutorial..



1. Pergi kat Dashboard > Design > Edit html

(p/s :" aku syorkan korang backup dulu template korang untuk langkah berjaga-jaga)

2. Korang cari kod " a img { " kat template korang.. guna find (Ctrl+F) untuk search kod tu k..
3. Padam kod selepas " a img {" dan gantikan kod di bawah.

-webkit-transition-duration:.4s;}

img:hover {filter: alpha(opacity=60);
opacity: .6;
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}

Contoh:
Sebelum



Selepas

4. Save la k...harap2menjadi la..


PERHATIAN:
Bagi yang tidak jumpa kod a img {,
copy (Ctrl+C ) kod kat bawah ni, dan paste (Ctrl+V) SEBELUM /* Headings atau /* Header

a img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .6;
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}

P/s: korang boleh tukar warna hover effect (yg dafault dia pink = FF66CC ) yg korang ske..