Header Menyenget Apabila di Sentuh(Hover)

Posted by Mira Rasidi | 04 April 2012 | Comment

Yeppy!SEPERTI yang dijanjikan ....~~Satu lagi tuto yang simple miple untuk korang hari ini.Ohye..Dah baca title di atas kan?kan?..Tak perlu jelas apa-2 lagi yerk.Jom kita terus pergi kepada STEP.:))

Chop!Chop!..
Sebelom tu korang tengok contoh dulu yer...>>>

SEBELUM DISENTUH CURSOR

SEMASA DI SENTUH CURSOR

STEP

1.  Dashboard>Design>Edit HTML>tick Expand Widget Templates

2.  Cari kod ini:

h1.title {

ATAU

#header h1 {

3.  Copy kod kat bawah & Paste DI ATAS kod yang dicari tadi.

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

4.  Preview>Halakan cursor korang dekat header.Kalau berjaya.Save OK.& Korang tolong cikmeera klik SINI yerk..^ ^


P/s:Hurray!Cikmeera berjaya siapkan dua tuto untuk hari ini..Nantikan next tuto dari cikmeera Hihi~~
SELAMAT MENCUBA.Roger & out yup,..;)))