logo blog
Selamat Datang Di Blog Files Parwito
Terima kasih atas kunjungan Anda di blog Kompi MalesFiles Parwito,
semoga apa yang saya share di sini bisa bermanfaat dan memberikan motivasi pada kita semua
untuk terus berkarya dan berbuat sesuatu yang bisa berguna untuk orang banyak.

Cara Membuat Gambar Membesar Saat Disorot Pointer Mouse

[parwito-file]:Nah kawan kawan semua untuk kali ini saya ingin mencoba berbagi trik bagaimana Cara Membuat Gambar Membesar Saat Disorot Pointer Mouse, sangatlah simple caranya yaitu dengan cukup memasang kode di bawah ini bersama kode css yang lain. 
<style type='text/css'>
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
</style>
 Jika teman-teman ingin membuat efek seperti ini hanya ada pada halaman posting, silahkan ganti kode diatas dengan kode di bawah ini.
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
</style>
</b:if>
Bagaimana cara pasangnya :

1. Masuk blogger dahulu
2. ke Template kemudia edit HTML --> Proses
3. Cari kode </head> dengan cara CRTL + F
4. Taruh kode tadi diatas kode </head>
5. Simpan
 

Contoh Gambar , soroti dengan MOuse untuk cek :

Enter your email address to get update from Files Parwito.
Print PDF
Next
« Prev Post
Previous
Next Post »

Copyright © 2013. [files-parwito] - All Rights Reserved | Template Created by Kompi Ajaib Proudly powered by Blogger