Alloha :D You've trapped in my planet:P. Don't ever forget to tag and visit Ain's blog @www.mizzainzulkifle.blogspot.com . so much love, AIN . .

Tutorial Header Hover, Hilang

Yoo, wassup ? hehe. acehh. mood rap sekarang. hehe :D
ain rase hari ni nak share dgn korang care nak buat HEADER HOVER !
Pe pula ni ? haa, maksudnye effect untuk header korang.
hari ni nak ajar buat header tu hilang bila disentuh cursor . JOM!


1. Dashboard > Design > Edit HTML > tick Expand Widget Templates


2. Cari salah satu code di bawah. jangan lupa tekan Ctrl+F taw !



h1.title {


#header {


/* Header



3. Da jumpa ? ok.. copy code ini pula. 


.Header:hover {
padding-left:160px;
-webkit-transition: 1s;
-webkit-transform: rotate(6deg);
opacity:.01;
}


4. Then paste :



 Bawah code :       h1.title {


ATAU


Atas code      :      #header {


ATAU


Lepas tanda /* :      /* Header


5. Yang warna hijau bole tukar right. Yang merah tu korang choose berapa lama u all nak header tu hilang. Yang ats tu satu saat je ok.


6. Then save and lihat hasilnya. Thanks !












1 comment: