Cara Membuat Efek Gambar Membesar Saat Disentuh Kursor

Posted by : Unknown Rabu, 19 Juni 2013

Efek Gambar Membesar Saat Disentuh Kursor, adalah cara untuk memudahkan para pengunjung untuk melihat gambar postingan sobat yang terlihat terlalu kecil atau kurang jelas. namun itu bisa teratasi tanpa harus melihat lebih detail lage atau open new tab pada gambar tersebut. karena dengan efek yang akan dibuat ini sobat bisa dengan otomatis menampilkan gambar ke dalam ukuran yang lebih besar demi memudah kan para pengunjung untuk memperhatikan gambar tersebut, dan juga untuk varian pada blog sobat sekalian.

nah caranya adalah sebagai berikut ini

Login ke akun blogger anda
Klik Template > Edit HTML centang pada Expand Template Widget.
Cari kode ]]></b:skin> , setelah itu, letakkan kode dibawah ini tepat diatas 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); }