Blog Perjalanan kuliah

Free Music Online
Free Music Online

free music at divine-music.info

Arsip Blog

Senin, 25 Agustus 2014

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 di semoga berhasil ....
 

0 komentar:

Posting Komentar