Senin, 25 November 2013

Cara Membuat Efek Gambar Membesar dan berputar Ketika disorot Mouse


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.



Untuk membuat efek gambar membesar dan berputar ketika disorot mouse, Ikuti langkah-langkah berikut ini :
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.

.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 .slamat mencoba Semoga berhasil

0 komentar:

Posting Komentar