Home » » Cara membuat gambar berputar saat disentuh mouse.

Cara membuat gambar berputar saat disentuh mouse.

Pada saat ini, saya akan mencoba posting tentang memberi efek bergeraknya gambar,pada setiap postingan blog, seperti gambar di atas ketika di sentuh oleh mouse. oke kita langsung aja i







1. Pertama, pastinya LogIn dulu ke BLOG Kalian.
2. Kemudian dari Dasbor, cari Template --> Edit HTML.
3.Silahkan Anda cari kode ]]></b:skin> dan Letakkan kode di bawah ini    tepat di atasnya.
.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}}
4. Terakhir tinggal di SIMPAN dan lihat hasilnya.

Semoga bermanpaat untuk sobat-sobat semua........!!
Share this article :

0 komentar:

Posting Komentar

Kepada Kawan - Kawan Semua, Berkomentarlah dengan baik dan sopan.
Jika ada Embel - Embel Link mohon maaf, komentar akan saya hapus.


 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Net- Blog ™ - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger