Membuat Gambar Miring - Berkreasi dengan efeck gambar membuat kita betah berlama-lama memandangi blog sendiri,hihi. Setelah sebelumnya kita telah membuat berbagai efek gambar di blog semacam; Magnify Image Zoom, Membuat Gambar Zoomer Scanner, untuk post ini saya akan Membuat Gambar supaya bisa bergerak miring ketika mouse mendekat menggunakan effect hover.Pergunakan kode css dibawah untuk kreasi sobat di postingan.
#miring img {transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
#miring img:hover { transform: rotate(9deg);
-webkit-transform: rotate(9deg);
-moz-transform: rotate(9deg);
-o-transform: rotate(9deg);
}
Catatan:
Untuk merubah susut kemiringan gambar ketika disorot mouse, robahlah angka 9 pada rotare.
Semoga bermanfaat dan tentunya bisa dikembangkan di blog sobat.
