Amirra Najihah







+
+

Tutorial Hover Header *tiga dalam satu
Saturday, November 26, 2011 | 4:56 PM | 4 comment

assalamualaikum .hee .bosan lah ,tak tahu nak buat apa .so ,buat tuto lah eh ? haha .kita bukan kedekut tuto .malas nak buat ja .kalau ada masa free je buat .exam account and economi lambat lagi ,so .have fun lah kejap .haha :D okayh ,lets do it :p

aa ! and fyi ,ini untuk simple template okayh ;')
Design > Edit Html > F3 and cari /* Header 


untuk header berpusing ,dan hilang 



header:hover {
padding-left: 150px;
-webkit-transition: 2s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity:.01;
}



untuk header jadi kebawah




header:hover {
padding-top: 100px;
-webkit-transition-duration: 0.5s;
-webkit-transition-duration: 2s;
-moz-transform: rotate(100deg);-
webkit-transform: rotate(100deg);
}


untuk header berpusing dan kebawah 



header:hover {
padding-top: 150px;
-webkit-transition-duration: 0.5s;
-webkit-transition-duration: 2s;
-moz-transform: rotate(3 60deg);
-webkit-transform: rotate(360deg);}
}




paste code tu dekat atas /* Header  okayhh .macam ney ye sayangg :)
hee .selamat mencuba .comment please .


♥ Older | Newer ❥