Rotating Menu Hover


Hover the menu below : 



  • Dashboard > Layout > Add a Gadget > HTML/JavaScript
  • Copy all the code below :
<style>
#linkz a {display:block;float:left;background:#WARNABACKGROUND;margin-left:1px;padding:3px;width:100px;font-family:calibri;font-size:8px;text-transform:uppercase;height:14px;margin-bottom:1px;border-radius:4px;text-align:center;-webkit-transition:all 1.4s ease-out;-o-transition:all 1.4s ease-out;-moz-transition:all 1.4s ease-out;transition:all 1.4s ease-out;text-decoration:none;color:#WARNA TEXT;}
#linkz a:hover {-webkit-transform: rotateY(360deg);}
</style>
<div id="linkz">
<a href="LINK">NAMA LINK</a>
<a href="LINK">NAMA LINK</a>
<a href="LINK">NAMA LINK</a>
<a href="LINK">NAMA LINK</a>
<a href="LINK">NAMA LINK</a>
<a href="LINK">NAMA LINK</a>
</div>
  • Untuk code warna dapatkan di sini.
  • Yang warna merah tu boleh tukar nombornya .Semakin besar nombor ,semakin besar size text .
  • Disarankan letak code ni dibawah header ^^
  • Lepas tu Save !
Kalau jadi,jangan lupa komen tau !

2 comments

  1. Thanks for Sharing :) Jom join ^^ http://hadiahbintangjatuh.blogspot.com/2013/04/segmen-barang-blog-by-nisha.html

    ReplyDelete

Awak mehla komen? satu komen pun jadilah :')