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):
0 komentar:
Posting Komentar