Penulis: Moch Adnan dipublikasikan: 24 September 2015
Cara Membuat Gambar Membesar Saat Terkena Sentuhan Cursor (Image Zoom Effects)
Cara Membuat Gambar Membesar Saat Terkena Sentuhan Cursor (Image Zoom Effects)
Setelah beberapa waktu lalu saya berhasil memposting tentang cara membuat gambar bisa berputar ketika terkena kursor, maka kali ini pun saya akan kembali coba menghadirkan cara membuat gambar bisa membesar ketika terkena cursor dan artikel ini juga sebagai pelengkap tutorial terkait seperti halnya dalam pengaturan mengenai Image Effects. Dan tanpa berpanjang lebar lagi silahkan sobat ikuti langkah-langkah cara pembuatannya kedalam web/ blog sobat, semoga bisa bermanfaat dan bisa kian mempercantik tampilan postingan web/blog sobat.

Baca juga :

Cara Membuat Gambar Membesar Saat Terkena Sentuhan Cursor

1. Login kedalam dasbor blog dengan memasukkan username serta password vaslid anda.

2. Pilih 'Template' lalu pilih 'Edit HTML'

3. Cari dan temukan kode ]]></b:skin> jika sudah menemukannya, sekarang silahkan copy dan pastekan kode berikut ini kedalam template 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); }
4. Pilih 'Simpan' dan lihat hasil perubahannya dalam blog sobat.

Demikian saja artikel dari saya mengenai cara membuat gambar membesar saat terkena cursor, semoga bermanfaat untuk sobat ....