TUTORIAL : HOVER HEADER ( STYLE 1 )
Wednesday, 19 December 2012, ϟ 1 shout(s)

Greeting Text


Header ni bila kita halakan cursor , automatic dia jadi senget .. Like this .. Qis cuba dekat Simple Template jadi . Denim template tak sure ah . Korang try dulu ok . Makesure backup :)


BEFORE


AFTER


1) Template > Edit HTML > Proceed.

2) Tekan CTRL+F/F3, search for this code :

#header {
atau

 /* Header

atau

/* Content 

3) Copy and pastekan code di ATAS code step number 2 tu tadi .

 #header:hover{
-webkit-transition-duration: 1s;-moz-transform: rotate(4deg);-webkit-transform: rotate(4deg);}

4) Preview and Save !

NOTES

123 : Duration hover header tu . Makin banyak number , makin lambat hover .
123 : Tahap ke hoveran dia .. Kalau nak buat hover ke atas pun boleh .

new past