Membuat gambar berputar dan membesar ketika kena kursor

login ke akun blogger
klik layout/rancangan
tambah gadget HTML
copas kode dibawah ini

<style>#risalahati{$20-o-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease}#risalahati:hover{-o-transform:scale(1.5) rotate(720deg) translate(0px);-moz-transform:scale(1.5) rotate(720deg) translate(0px);-webkit-transform:scale(1.5) rotate(720deg) translate(0px)}#dedic a:hover{transition:all .5s;-moz-transition:all .5s}</style><div id="risalahati"> <a href="http://risalahatiku46.blogspot.com/2012/03/risalahati-notes_27.html" target="_blank" title="my notes"><img height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj42hegZTQcDSdf6S3n6a7XfHlwR-ZF61hX2B9uKxS6lIVHnkEbGFhaNbb_CyPBVnRNo3ZpN9cxEqa1TfuzVJTO4OyIOxWa11vyTuGHyiL7ahylCtCZP9GeVvqOHAdFIatuap2zYJXN58o7/s307/keyla.jpg" style="border:0" width="220" /></a></div>


warna ungu : skala/ukuran gambar untuk membesar
warna merah : link untuk gambar kamu
warna kuning: mengatur ukuran gambarmu
warna biru: URL gambarmu.

silahkan kamu modifikasi sendiri sesuai selera

Membuat gambar berputar dan membesar ketika kena kursor

Posted by: Risalahati Dedic Ahmad Updated at: 00:28