trik rotating image hover

moonroemoort

4 December 2013

2 Komentar

setelah sebelumnya ane saya share CSS3 flying out menu
kali ini saya akan coba share trik rotating image hover
yang kalo mouse di arahin ke gambar gambar nya jadi  miring kekanan gitulo gan/sis

• login ke blogger 
• klik template > edit HTML
• cari kode ]]></b:skin>
• copy code di bawah ini tepat di atas kode ]]></b:skin>

.post img:hover {
    -moz-transform: scale(1.2) rotate(-350deg);
    -webkit-transform: scale(1.2) rotate(-350deg);
    -o-transform: scale(1.2) rotate(-350deg);
    -ms-transform: scale(1.2) rotate(-350deg);
    transform: scale(1.2) rotate(-350deg);
    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
}

•  klik simpan dan lihat hasil nya

monggo di coba .....