Cara Membuat Effect Berputar Dan Zoom Pada Setiap Gambar Di Postingan

Kali ini saya akan membahas bagaimana cara membuat effect berputar dan zoom pada setiap gambar di postingan, fungsinya adalah agar tampilan lebih menarik saat cursor menyentuh gambarnya akan bereffect berputar seperti di bawah ini:

oke deh langsung aja CEKIDOT!

[1]. Pertama, pastinya LogIn dulu ke BLOG Kalian.

[2]. Kemudian dari Dasbor, cari Template --> Edit HTML.

[3]. Lalu tekan Tombol CTRL + F atau F3 pada Keyboard, dan cari Code ]]></b:skin>.

[4]. Kemudian Copas Code di bawah tepat di ATAS Code ]]></b:skin>.

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

[5]. Terakhir tinggal di SIMPAN dan lihat hasilnya.

[6]. Semoga Bermanfaat...

Baca Selengkapnya Di :