! Bila Si Gadis Berbicara !: Tutorial header berpusing dan hilang

Thursday, 24 November 2011

Tutorial header berpusing dan hilang







Hello .. cuba halakan cursor kat header atas ni .. berpusing-pusing then hilang kan?  wahh..  excitednya .. hahaha .. jum tengok cmne tutorial nya  ..


1. pergi kat dashboard > design > edit html


2.cari kod ni ..nak senang tekan ctrl dan F serentak untuk mudahkan pencarian .




.Header h1 { 
font: $(header.font); 
 color: $(header.text.color); 
  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top)   
$(header.shadow.spread) rgba(0, 0, 0, .2); 
}


3.Jumpa ? langkah seterusnya ialah paste kod kat bawah ni kat BAWAH kod tadi ye 




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


4. siap dah  !!!  preview dulu then save ye ..  











Suka Entry ni? Like la !!

0 comments: