Demo: Gerakkan cursor ke gambar
Step2:
- Dashboard > Design > Edit html > tick Expand Widget Templates
- (ctrl + F), cari code a img {
- Delete code bawah a img { , dan gantikan code dibawah ni
-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=60);opacity: .6; border-radius:20px;border: 1px #000000; -webkit-box-shadow: 0px 0px 20px #000000; -moz-box-shadow: 0px 0px 20px #000000; }
Contoh:
Sebelum
Anda boleh ubah code warna mengikut citarasa anda..^_^
Sebelum
Selepas
4. Save dan lihat hasilnya
Bagi yang tidak jumpa kod a img {,
copy kod di bawah, dan paste SEBELUM /* Headings atau /* Header
copy kod di bawah, dan paste SEBELUM /* Headings atau /* Header
a img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
opacity: .6;
border-radius:20px;
border: 1px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
-moz-box-shadow: 0px 0px 20px #000000;
}
Anda boleh ubah code warna mengikut citarasa anda..^_^
No comments:
Post a Comment