Cara Buat Gambar Membesar Saat disorot Kursor
selamat malam gan, sekarang saya akan share tentang Cara Buat Gambar Membesar Saat disorot Kursor kepada anda para blogger. Pasti sudah pada tahu dari maksud judul posting sekarang yang saya share.
Berikut Cara Buat Gambar Membesar Saat disorot Kursor:
1. Login ke akun blogger anda
2. Template > edit HTML
3. Letakkan kode dibawah ini tepat di atas kode ]]></b:skin> (gunakan Ctrl+F)
.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); }
.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); }
4. Save Template dan lihat hasilnya.
Sangat gampangkan sobat, berikut posting dari Cara Buat Gambar Membesar Saat disorot Kursor yang dapat saya sampaikan. Semoga bermanfaat untuk kita semua.
