TUTORIAL: Hover Header terbalik ke belakang.

Alololo bucuk mak niii~


Ok today Ain nak ajar macam mana buat header anda terbalik ke belakang. Macam mana? Hah... cuba step di bawah dan preview. Baru tahu macam mana, hehe. Ok mari kita mulakan.




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

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{
-webkit-transform: rotatey(180deg);
}

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


P/S: Klau tak jumpa kod di atas anda boleh search kod ini:
h1.title {
atau
#header h1 {

Then paste kod panjang yang Ain bagi tadi di atas kod itu. Ok dah jadi...

Last but not least, kalau anda tak nak header anda terbalik ke belakang, nak terbalik ke bawah pon boleh. Kod sama cuma yang "rotatey" tu buang "y". So jadi lahhh... Ce try.

Nak lagi??? Tekan TUTORIAL ok!

2 comments:

Ce komen ce komen :)