Cara Membuat Gambar Membesar Saat diarahkan Mouse

Judul diatas memiliki isi yang bertujuan menerangkan bagaimana cara membuat gambar menjadi besar atau efek zoom otomatis tanpa harus melihat sumber gambar.

Berikut ini Langkah - Langkahnya ! :

1. pilih menu template dan pilih edit HTML lalu klik lanjutkan
2. cari kode ]]></b:skin> dapat menggunakan bantuan fitur find yaitu (CTRL+ F)  Untuk Memudahkan Pencarian.
3. Copy dan Paste Kode dibawah ini diatas kode  ]]></b:skin> .

COPY CODE DIBAWAH INI

.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. Klick Save
5. Selamat Sekarang Gambar telah otomatis membesar atau zoom saat diarahkan mouse

Catatan : Angka - Angka / Tulisan dalam Kode dapat dirubah sesuka hati, namun dengan tatanan yang sesuai. Bertujuan untuk menyempurnakan pandangan menurutmu

Contoh Gambar (Coba arahkan Mouse Pada Gambar Dibawah ini):

Related Posts:

Tweet