Tutorial : Header Hover Bergerak Ke Tepi

assalamualaikum.. okey hari ni saya nak buat tuto header bergerak ke tepi dan masuk  semula dangan smooth..

mari kita teruskan..

• Dashboard > Design > Edit HTML
• Ctrl + f dan cari kod kat bawah ni..

                     /* Header

            full kod dia macam ni..

                           
 /* Header

----------------------------------------------- */

• copy kod kat bawah ni dan paste kan kat bawah kod yang dicari tadi..

.header  

{width: 780px; 

-webkit-transition-duration: 3s; 

margin: 0 auto; 

background-color: transparent; 

color: transparent; 

padding-left: 8px; 

} 

.header:hover{ 

padding-left: 80px; 

-webkit-transition-duration: 3s; 

}

•  Padding-left : boleh tukar right, top, or bottom.
  3s : duration header tu bergerak ke tepi and masuk balik.

• dah siap.. boleh lah save..

semoga berjaya.. ^_^