Tuto Header bergerak bila dihoverkan

Assalammualaikum,...


Weyh, rindu gila sama ini blog! Ari tu hntr kedai sbb bateri ada problem. Bosan gila kot bila x dek laptop X( Sepanjang hari tu saya baca novel la. Best~ Baca novel kawan - Antara Benci dan Rindu. Bestttt ;D Klau nak tau citer dia beli la kat kedai mana-mana~


Ok, nak buat tuto ni. Hehe..


Tau tak mcm mana? Bila hoverkan header tu dia bergerak ke tepi... Tau kan?
Saya suka style mcm tu. Nmpak mcm smart pula ;D
Ikut tuto ni dengan teliti ya....


Blogger > Design  > Edit HTML 
CTRL+F cari code

#header:hover {

Dah jumpa? Ok good, bagi yg tak jumpa pastekan code #header:hover {  dekat bawah code #header {  , bukan bawah tu ya bawah anak-anak code dia la...


Lepas tu pastekan code-code di bawah ni dekat bawah code #header:hover {  


 Code header bergerak ke kiri atau kanan 

padding-left: 140px;

-webkit-transition-duration: 1s; }

 Code header bergerak berpusing

-webkit-transition-duration: 1s;

-moz-transform: rotate(6deg);

-webkit-transform: rotate(6deg);

}

Code header kebawah atau keatas

padding-bottom: 100px;

-webkit-transition-duration: 1s;

}

Ok, lepas tu korng preview la. Jadi tak? Dah puas hati SAVE je la ;D