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 !

No comments:

Post a Comment

Annyeonghaseyo! Terima Kasih kerana sudi membaca :) Jangan lupa tinggalkan komen tau? Harsh words are not allowed.