Cara Buat Kesan Khas Pada Gambar Apabila Terkena Cursor

Salam semua. hari ini admin nak berkongsi lagi tutorial mudah dengan korang. kali ini admin kongsikan Cara Buat Kesan Khas Pada Gambar Apabila Terkena Cursor. seperti yang korang tengok pada gambar diatas, gambar akan berubah apabila terkena cursor

Berminat nak buat?. admin akan ajar caranya. yang penting korang kena ada coding dibawah :

-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;
}

CARA 1
Korang klik Dashboard > Design > Edit Html > Expand Widget Templates (klik) > Ctrl F   dan paste a img

Bila dah jumpa  a img , korang paste coding tadi selepas coding a img

CARA 2
(klik) > Ctrl F   dan paste  /* Headings atau /* Header. kemudian korang paste coding dibawah sebelum coding /* Headings atau /* Header tadi

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;
}

Bila dah siap semua, klik SAVE dan lihat hasilnya. korang boleh cuba tukar warna ikut kesukaan korang. pandai2 lah korang godek2 yer. semoga ianya menjadi untuk blog korang. ikhlas admin kongsikan. terima kasih sebab sudi singgah sini (^_^)


Suka dengan apa yang admin kongsikan?. sila klik pada button dibawah sebagai tanda sumbangan ikhlas anda untuk duniakongsi.net. hanya sedikit iklan untuk menampung duniakongsi. sumbangan "klik" dari anda sangat admin hargai dengan ucapan terima kasih (^_^)