TUTORIAL: Hover Header bergerak ke bawah.

Ok rasa terliur pulok.

Ok kali ni Ain nak ajar hover header bila disentuh ia akan bergerak ke bawah. Nak tahu macam mana? Jom tengok!


First step Go to Dashboard >> Template / Design >> Edit html *tick expand widget then click ctrl + F and search for this code :
#header {
atau

#header h1 {

atau

h1.title {

Second step: Dah jumpa? Then korang nampakkan code dia panjang, sampai kat simbol " { " korang paste kan code yang Ain nak bagi ni kat bawah simbol " { " ok.
#header:hover{
padding-top:40px;
-webkit-transition-duration: 2s;
}

Last step: Sudah? Preview dan save dulu jadi ke tak okey. Selamat mencuba!

Nak lagi??? Tekan TUTORIAL ok!

6 comments:

Ce komen ce komen :)