18 February 2009

Tutorial | Hover Header Rotate 360 Darjah

Assalamualaikum.

Haishh, macam macam jenis hover ada. Aku pun pening. HUHU. Nak lagi pening, jom try hover header berpusing 360 darjah nih. Okeh, lets start!

1. Dashboard > Design > Edit HTML
2. Tekan Ctrl + F dan search

h1.title {

atau

#header h1 {

3. Then, copy code kat bawah ni dan paste atas code tadi

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

4. Preview dan Save!

Extra Notes!

Merah : Kalau nak bagi dia gerak lambat, besarkan angka tu kepada 2,3 atau berapa2 saja. Try and error lah ye :)
GRACIAS

0 juri jemputan, 1 juri tetap (Comment here):

 

100% Harta Benda dalam Blog ini adalah bukan SelenaGomez punya.