Cara Membuat Efek Gambar Membesar dan berputar Ketika disorot Mouse

Print Friendly and PDF

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.

.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
Previous
Next Post »

WARNING..!! Etika BERKOMENTAR di Blog all's well :

a. Gunakanlah Perkataan yang Baik, Ramah dan Sopan
b. Komentar SPAM akan all's well HAPUS setelah direview
c. Komentar NEGATIF & RASIS akan Segera di HAPUS
d. Dilarang Menambahkan "LINK AKTIF" dalam Komentar

Note: "ANDA SOPAN KAMI PUN SEGAN" (all's well) ConversionConversion EmoticonEmoticon

Our Gallery