Tutorial Cara Membuat Gambar Membesar Saat Disentuh Kursor Mouse
Hallo pembaca blogku sekalian..
Tutorial kali ini saya akan memberikan cara membuat gambar membesar ketika disentuh kursor mouse, ketika anda menyentuh gambar tersebut akan membesar seperti kaca pembesar. Gimana caranya? Yuk langsung disimak saja.
- Masuk Ke Akun Blogger Anda
- Pilih Template dan Edit HTML
- Cari kode ini ]]></b:skin> dengan mengetik CTRL + F
- Lalu letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
Ini Kodenya dan jangan lupa di save template.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); }
0 komentar:
Silahkan beri komentar, terima kasih sudah berkunjung..
Jangan spam yah..
Terima kasih banyak udah menyempatkan baca di blog ini