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 !