Cara membuat gambar berputar(3)

H

allo sobat blogger mengulang postinganku yang kemarin tentang cara membuat gambar berputar dengan kode css atau juga tentang cara membuat gambar berputar (2) nah kali ini pun kita akan membuat tentang cara membuat gambar berputar dengan effec yang berbeda karena gambar bukan hanya berputar tapi juga ukuran gambar menjadi lebih besar nah untuk cara membuat nya :

1. Loggin ke blogger.com
2. masuk ke rancangan---->Edit HTML cari kode </head> lalu masukkan kode di bawah ini tepat di atas kode </head> berikut kode nya

<style>#karina{ -o-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-webkit-transition: all 0.8s ease;}#karina: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);}#karina a:hover{transition: all 0.5s;-moz-transition: all 0.5s;}</style>

Dan untuk memasukkan ke dalam postingan atau html java script gunakan kode ini
<div id="karina">
<a href="http://karinafotocollection.blogspot.com/" target="_blank" title="Cara Membuat foto/gambar berputar dan membesar saat disorot cursor"><img height="203" src="http://yepiye.files.wordpress.com/2009/12/gadis-bertatto6.jpg" style="border: 0px;" width="325" /></a></div>
Catatan :Ganti teks yang berwarna Hijau dengan alamat link tujuan kamu
              teks berwarna merah adalah url gambar yang bisa kamu ganti dangan url gambar yang lain

<----------Oke Selamat Mencoba Semoga Berhasil--------------->