Cara Membuat Gambar membesar ketika disentuh mouse

Aduh sudah lama nih saya ga memposting lagi dikarenakan kesibukan saya, hehe... Oke sobat 713 Devils kali ini saya akan berbagi tips Cara Membuat Gambar Membesar Ketika Disentuh Mouse, tidak panjang lebar ikuti saja langkah dibawah ini :

1. Login ke akun Blogger sobat
2. Pada Dasbor Pilih Template/Design  Kemudian Pilih Edit HTML ( dan centang kolom expand template widget )
3. Masukan atau copy kode berikut ini

.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); }

 
diatas kode ]]></b:skin>

4. Simpan dan lihat Hasilnya

Posted in: tips dan trik