Menu Rotate Degree Ala Cyber-J

Hello Frend'z lama nih kagak ngePOST trik blog hehehe,ada yang kangen kagak ama trik blog ala Cyber-J.


/*---Menu ala Dighca Xevious---*/ #top-menu { float: center; width: 500px; margin: 45px 0 0; padding: 0; font: normal bold 16px Oswald; text-transform: uppercase; letter-spacing: -1px; } #top-menu ul { height: 100px; margin: 0 -28px 0 0; padding: 0; } #top-menu ul li { float: right; display: inline; list-style: none; width: 100px; height: 100px; padding:5px; text-align: center; } #top-menu ul li a { float: left; width: 100px; height:58px; padding-top: 42px; background:#777;border-radius:200px;border:3px solid white; color: #f5f5f5;-moz-transform: rotate(20deg);-webkit-transform: rotate(20deg);box-shadow:0 1px 6px black;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out; } #top-menu ul li a:hover {margin:.5em 0 .5em; background:#111;border-radius:200px;border:3px solid #666; color: #f5f5f5; -webkit-transform:rotate(1080deg);-moz-transform:rotate(1080deg);-ms-transform:rotate(1080deg);-o-transform:rotate(1080deg);transform:rotate(1080deg);} </style>

EDIT HTML:

<div id="top-menu">
<ul>
<li><a href="#">Contact</a></li>
<li><a href="Link ">Name Link</a></li>
<li><a href="http://cyberjellyfishteam.blogspot.com/" title="Home page">Home</a></li>
</ul>

Udah fahamkan frend'z.Oke Bye Just Info