MENU SHINE
Juntei alguns códigos que havia aqui no meu computador e montei esse menu. Nunca vi ninguém usando, portanto, se usar credite!
Preview aqui
Cole este código em seu CSS(Entre as tags <style> e </style>):
.menushinecph { background: #FF0000; border: 5px double #FFA07A; display: inline-block; font: 20px 'Showcard gothic', cursive; font-style: black; width: 80px; height: 30px; color: #FFA07A; text-align:center; padding-top: 2px; margin: 5px; -webkit-border-rectangle: 50px; -webkit-transition: 1s linear; }
.menushinecph:hover { background: #ff4500; -webkit-box-shadow: inset 0px -200px -200px rgba(245, 222, 179, 1); border-radius: 0px; color: #fff; text-decoration: none; -webkit-border-radius: 50px; -webkit-transition: 1s linear; }
Depois é só colar este código onde quer que ele apareça:
<a href="Link" class="menushinecph" title="Título">Nome do link</a>
Pronto. Se usar credite. De like.