TUTORIAL : GAMBAR MEMBESAR BILA CURSOR MENYENTUH | norsheilasalleh.blogspot.com

TUTORIAL : GAMBAR MEMBESAR BILA CURSOR MENYENTUH


Assalamualaikum...

Kali ni, kita share tutorial camne nak buat gambar kat entri korang membesar bila cursor menyentuh. Ianya sesuatu yang unik! Jum tengok caranya :-

1) Dashboard >> Design >> Edit HTML
2) Tekan CTRL + F serentak , dan cari

<head> 

3) Copy kod dibawah ini,

 <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) Preview dulu, baru SAVE !
* try letak cursor korang atas gambar ini *

RUJUKAN
* CTRL + C (tekan serentak untuk copy kod)
* CTRL + V (tekan serentak untuk paste kod)
* CTRL + F (tekan serentak untuk cari kod)

2 comments

Anonymous
October 12, 2012 at 2:09 PM

tq share yek

October 13, 2012 at 1:21 PM

my pleasure KA :)

Post a Comment