GAMBAR MEMUTAR DAN MEMBESAR SAAT DI SOROT MOUSE

Setelah kita mengetahui cara membuat gambar membesar saat di sorot mouse, bagaimana jika gambar berputar dan membesar saat di sorot mouse, seperti contoh gambar di bawah ini.
arahkan mouse anda pada gambar di bawah ini lihat apa yang terjadi:

untuk membuat efek tersebut codenya seperti di bawah ini:

</script><style>#V_jay img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #V_jay img:hover{ -o-transform: scale(2.5) rotate(360deg); -moz-transform: scale(2.5) rotate(360deg); -webkit-transform: scale(2.5) rotate(360deg);}</style>

Penempatannya:
1- login ke blog anda
2- buka desain
3- buka template
4- pilih edit HTML jangan lupa beri centang pada Expand template widget
5- tekan F3 dan cari </head>
6- letakkan code diatas tepat diatas code </head> tadi
7- simpan template

Untuk penerapan pada gambar caranya:
<div id="V_jay"><img src="alamat gambar"/><div>

<div id="V_jay"><img src=" adalah code pembuka pada gambar
"/><div> adalah code penutup pada gambar
alamat gambar silahkan isi dengan alamat gambar yang anda inginkan


Mudah bukan selamat mencoba seoga bermanfaat.....