Pada Tutorial Blog kali ini saya ingin memberikan tips mudah Cara memperbesar gambar jika kita arahkan kursor mouse kita arahkan pada gambar tersebut, cara menampilkan efect zoom pada thumbnail gambar postingan,atau cara membuat efect zoom pada gambar posting.
Kode ini bekerja apabila ada pengunjung pada blog sahabat yang menyorot kursor mouse-nya pada gambar postingan,maka gambar tersebut akan membesar dan terlihat lebih jelas,selain memperindah tampilan gambar postingan,hal ini juga merupakan cara ampuh untuk menjadikan pengunjung betah berlama-lama pada blog sahabat,apalagi blog sahabat yang memiliki konten agak jorok dan berbau seks yang hampir 90%nya merupakan gambar,maka kode ini sangat cocok untuk ditambahkan pada templat blog sahabat,liandhara tidak menyarankan sahabat untuk membuat blog xxx itu looh,,,,ini sebagai sample aja.
Contoh: Arahkan mouse pada foto saya dibawah ini.
Yuk,,langsung kita praktekkan,,,,!
Buka akun blogger sahabat,klik templat,klik edit html,klik expand templat widget,lalu cari kode <head>
Paste kode ini tepat dibawah kode <head>
<style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all
0.3s;
-webkit-transition: all
0.3s;
-moz-transform:
scale(1.3);
-o-transform: scale(1.2);
-webkit-transform:
scale(1.2);
</style>
Bagaimana sahabatku,,,mudah bukan Cara Memperbesar Gambar Jika Disorot Mouse,? Semoga postingan kali ini bermanfaat buat sahabatku sekalian,
wassalam
0
Komentar Blogger
.jpg)
