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 di semoga berhasil ....
0 komentar:
Posting Komentar