Cara Membuat Gambar Membesar sa'at di sentuh Cursor

Kali ini Saya akan Membagikan Tips Menarik tentang Cara Membuat Gambar Membesar sa'at di sentuh Cursor,
cara ini sangat berguna sekali untuk Anda yang menggunakan Template yang memiliki lebar kecil,
dan jika di pasang Gambar kebanyakan melebihi batas halaman post.
cara ini adalah salah satu strategi mengatasinya, dengan gambar yang berukuran tidak begitu besarpun para pengunjung bisa melihat gambar membesar dan trlihat lebih jelas sa'at di sentuh cursor.

Mari Kita Mulai saja cara Membuatnya;

1. Masuk ke akun blogger Anda.
2. Klik Template > Edit HTML.
3. Cari kode ]]></b:skin> , gunakan  tombol CTRL+F pada keyboard
4. Jika sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>


.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);

5. Simpan.

'' Sangat Mudah Bukan,,,???!!!''.

Semoga Artikel ini Bermanfa'at Untuk Anda semua.

Share Share Tweet Share Share Share

KLIK

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain https://irinmedia.blogspot.com/. Terima kasih.