Senin, 04 Februari 2013

Berikut ini adalah cara untuk membuat Menu Animasi Berputar dan Membesar
KODE CSS
berikut adalah CSSnya :

 <style type="text/css">  #mode-putar{  width:140px;  height:80px;  border:1px solid #999;  box-shadow: 5px 3px 5px #aaa;  margin:5px auto;  padding:5px;  background:#9bbddd;  font-size:12px;  font-weight:bold;  background-color: yellow;  -webkit-transition: all 0.7s ease-in-out;  -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; } #mode-putar:hover {  -webkit-transform: rotate(360deg) scale(1.5);  -moz-transform: rotate(360deg) scale(1.5);  -o-transform: rotate(360deg) scale(1.5); }  </style>   
KODE HTML
berikut adalah HTMLnya :

 <div id="mode-putar">  
 <a href="http://draft.blogger.com/URL%20Home">HOME</a>  <a href="http://draft.blogger.com/URL%20About">ABOUT</a>  <a href="http://draft.blogger.com/URL%20Contact">CONTACT</a>  <a href="http://draft.blogger.com/URL%20DOwnload">DOWNLOAD</a>  <a href="http://draft.blogger.com/URL%20Privacy">PRIVACY</a> </div>  

Tidak ada komentar:

Posting Komentar