Square Image Hover seperti gambar di atas, jika gambar di sorot mouse maka akan berbentuk bulat.
Kode css nya:
img{Kode css di atas juga menimbulkan efek terang pada gambar. silahkan di coba!
opacity:0.7;
border:none;
padding:0px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border-radius:10px;
}
img:hover{
border-radius:30px;
opacity: 1;
}
Ditulis Oleh : Unknown ~ http://cokawaii.blogspot.com
KAmU BaRu aJa mEmBaCa aRtIkEl tEnTaNg Square Image Hover . KamU BoLeH CoPaSt aRtIkEl iNi, BuT JaNgAn lUpA UnTuK MeNcAnTuMkAn lInK SuMbErNyA. THaNkS FoR ViSiT...
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Ash Princess Kawaii
Posting Komentar