Kali ini saya ingin memposting artikel
tutorial tips cara membuat efek gambar gambesar dan berputar pada blog anda khususnya gambar pada bagian
postingan akan berubah menjadi besar dan berputar ketika ada mouse lewat
diatasnya.
Seperti apa? contoh nya ada pada blog ini,c oba 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.
.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 mousenya.. Selamat mencoba, semoga barhasil.
Sunber : http://yuliabloggerindonesia.blogspot.com/2012/10/cara-membuat-efek-gambar-membesar-dan.html#
Seperti apa? contoh nya ada pada blog ini,c oba 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 :
1. Login dulu ke akun blogger anda.
2. Klik menu Rancangan » Edit HTML.
3.Download dulu template anda 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);}
Sunber : http://yuliabloggerindonesia.blogspot.com/2012/10/cara-membuat-efek-gambar-membesar-dan.html#
Author : coxelgokil | ACI BUDAYA
Anda telah membaca
artikel tentang : Cara Membuat Efek Gambar Membesar dan berputar Ketika disorot Mouse. Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terimakasih...
