Cara Membuat Efek Gambar Membesar dan berputar Ketika disorot Mouse

Selamat Berjumpa lagi Gan,Kali ini saya ingin memposting artikel tutorial tips Cara membuat Efek Gambar Mambesar dan Berputar,Apa itu? Gini nih, jadi, gambar pada blog sobat khususnya gambar pada bagian postingan akan berubah menjadi besar dan berputar ketika ada mouse lewat diatasnya.

Seperti apa? contoh nya ada pada blog  ini. gan Coba saja buka salah satu postingan pada blog ini yang ada gambarnya, kemudian dekatkan mouse di atasnya, pasti tuh gambar akan membesar. Begitulah kira-kira penjelasan singkatnya.

Cara membuatnya seperti ini :

Untuk membuat efek gambar membesar dan berputar ketika disorot mouse, 

1. login dulu ke akun blogger milik sobat.

2.klik menu Rancangan » Edit HTML.

3.Download dulu template sobat biar aman dan biar kalau terjadi error ada cadangan templatenya.

4.cari kode berikut ]]></b:skin>

5.letakkan kode berikut tepat di atasnya.

Klik: :

.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
.post .post-body img:hover{-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}

Sampai di sini cara membuat efek gambar membesar dan berputar ketika disorot mouse ya Gan..slamat mencoba

SEMOGA BERHASIL YA

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang Cara Membuat Efek Gambar Membesar dan berputar Ketika disorot Mouse. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://yuliabloggerindonesia.blogspot.com/2012/10/cara-membuat-efek-gambar-membesar-dan.html" target="_blank">Cara Membuat Efek Gambar Membesar dan berputar Ketika disorot Mouse</a>