TUTORIAL: Hover Header senget ke tepi.

Macaroon, nyumm nyumm~

Hello~ Ok hari ni Ain nak ajar tuto baru iaitu hover header senget ke tepi. Apa tu? Cuba sentuh header Ain yang kat atas tu. Haaaa header tu menyenget kan? Nak cuba jugak? Jom follow step di bawah.

Step 1 - Go to Dashboard >>> Template / Design >>> Edit HTML *tick expand widget then click Ctrl + F dan search code di bawah ini.

#header {

atau

h1.title {

atau

#header h1 {

Step 2 - Dah jumpa kan code tadi? Then korang nampakkan code dia panjang, sampai kat simbol " { " korang paste kan code yang Ain nak bagi ni kat bawah simbol " { " ok.

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

Last step - Save! Then preview! Ok?

P/S: Jadi tak? Hehe cool kan? Kalau nak cuba style lain pon boleh.

---> Header terbalik ke belakang

---> Header berpusing

---> Header bergerak ke bawah

---> Header bergerak ke tepi

Nak lagi??? Tekan TUTORIAL ok!