Membuat gambar membesar bila disentuh cursor
Selanjudnya untuk membuat gambar membesar bila disentuh cursor anak panah, aku akan menuliskan kode nya di bawah nanti. Artinya apabila cursor anak panah diarahkan ke image, gambar akan menjadi besar seperi gambar di bawah ini/hanya contoh saja:
Hanya perlu memasukkan kode di dalam template:
1.Dashboard > Template > edit HTML
2.Expand Template Widget dan tick F3 atau CTRL + F bersamaan dan cari kode
<head>3.Letakkan kode di bawah ini di bawah <head>
<style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2); }
</style>
4.Tekan pratinjau dan simpan template.
Selamat mencoba xD.
5 comments for "Membuat gambar membesar bila disentuh cursor"