Header hover (Senget)

Assalammualaikum wbt readers and bloggers. Hari nih ade budak rajin sangat. haha XD . kite *lettew*. Tutorial hari nih semua pasal header kayy. Amy dah kemaruk sangat dengan header . x)). So now, header hover kali nih pulak akan jadi senget. Nak cuba? Before that,klik sini.

SEBELUM

SELEPAS

1) Daashboard->design>edit html->tick expand widget template(penting)

2) Tekan ctrl+f dan cari code ni

h1.title {

ataupun

/* Header

3) Oke,jumpa? Lepas tu, copy code ni

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

4) Paste dekat bawah code yang korang cari tu ye.

5) Kalau takde error boleh la save.

NOTA KAKI:

1. merah- Kalau nak lagi lambat,boleh lah tukar kepada 2,3 and more.
2. biru- Kalau nak lagi pusing,besarkan nombor tersebut. tapi amy rase 4 tu dah cun dah. kalau nak pusing ke atas just tambah tanda - contohnye -4 , tu negative lah maksudnye tu.hehe:)

Selamat mencube ! :)

---

Thank you for reading

---

Tweet