TUTORIAL HEADER HOVER


header hover, maksud nya header berubah bila cursor dihalakan pada header, kat sini aku sediakan berbagai header hover, ade yang hilang, ada yang berpusing, tertonggang terbalik bagai


 pergi pada Dashboard -> Design -> Edit HTML

 tick expend widget , tekan CTRL+F dan cari kod kod :

h1.title {
ATAU 

#header h1 { 

 copy dan pastekan kod kat bawah ni, SEBELUM  kod h1.title { atau #header h1 {


HOVER BERPUSING


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

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

KE KIRI DAN KE KANAN

#header:hover {
padding-right: 50px;
-webkit-transition-duration: 0.5s;
}

HILANG BILA DI SENTUH

#header:hover {
padding-left:160px;
-webkit-transition: 2.5s;
-webkit-transform: rotate(6deg);
opacity:.01;
}


pilih yang mane suke. hu. dan boleh save dengan suka hati. comment 

in