.:: Inspirasi dari Ilahi ::.: Tutorial : Effect Pada Gambar (membesar bila di-cursor)

Selamat pagi semua ! in sha Allah, kali nih ifah nak share tutorial effect pada gambar yang apabila kita halakan cursor pada gambar, ia akan membesar. tak paham eaa? okei, ce korang try halakan cursor kat gambar dibawah ni. haaa, nampak tak perubahan disitu? yupp ! itu lah yang ifah nak ajar kali nih. lets check it out ! :-)

Dashbord > Template > Edit Template
Tekan Ctrl + F atau F3 button.
Cari kod dibawah

<head>

Dah jumpa? copy kod dibawah ini pula

<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>

Paste-kan kod tadi DI BAWAH kod <head>
Siap? ok jom, kita try preview template dulu. jadi tak? kalau menjadi, tepuk tangan sikit tok diri sendiri, yeaahhh ! you did it ! DONE ;)