Showing posts with label Disentuh Kursor. Show all posts
Showing posts with label Disentuh Kursor. Show all posts

Gambar Membesar Saat Disentuh Kursor

Berikut cara membuat efek gambar membesar saat disentuh kursor :
1. Masuk akun blogger Anda
2. Pilih Template, dan klik Edit Template.
3. Cari kode ]]></b:skin> dengan cara klik ctrl+shift+f 
4. Letakkan kode berikut 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); }

5. Setelah selesai klik Preview