Tutorial Image Hover (2)

Assalamualaikum ^^ It's tuto time !

Image hover kali , sbelum halakan cursor kat gambar tu ia akan jadi kabur/kurang berwarna and bila korang dah halakan cursor ia akan jadi berwarna +gambar akan menjadi border . Untuk nak bagi korang lebih faham boleh prefer gambar kat bawah ^^ .

sebelum halakan cursor

selepas halakan cursor

1.Template>>Cari kode dibawah ni .

body {

2.Copy code bawah ni dan pastekan kat atas code body { tadi .

img {border-radius:10px;opacity:0.6;-webkit-transition-duration:2.5s;}img:hover{border-radius:30px;opacity:10.8;-webkit-transition-duration:2.5s;}

3.Preview then save !