Monday, October 6, 2014
Hai sobat, apa kalian pernah melihat blog atau Gambar yang Membesar Saat disentuh Mouse. Dalam dunia blogging fitur seperti ini disebut dengan nama Image Zoom Effects. Fitur yang satu ini biasa digunakan dalam toko online. Berikut ini Cara Membuat Gambar Membesar Saat disentuh Mouse
- Masuk ke Blogger
- Pilih Template > Edit HTML.
- Cari kode ]]></b:skin>
- Kalau 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); }
- Simpan
