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