Menu colors
Preview
Cole o código abaixo no seu css:
/* - Menu por Kakau - NÃO RETIRE OS CREDITOS - */ .menukau{text-align: center;position:fixed;margin-left:600px; margin-top:170px;} .menukau a{text-transform:uppercase; padding: 5px; display: inline-block; background:#bddccd; height:10px; font-size:9px; color: #Fff; font-family:andika;line-height:10px; outline-offset: -3px; outline: 1px dotted #fff;} .menukau a:hover{-animation: Kakau 1s infinite; -webkit-animation: Kakau 1s infinite; -o-animation: Kakau 1s infinite; -moz-animation: Kakau 1s infinite;} @keyframes Kakau { 0% {background: #bddccd; color: #000; border:2px dashed #94c0c1} 10% {background: #62537a; color: #fff; border:2px dashed #94c0c1} 20% {background: #bc6592; color: #000; border:2px dashed #94c0c1} 100% {background: #94c0c1; color: #fff} } @-webkit-keyframes Kakau { 0% {background: #bddccd; color: #fff; border:2px dashed #94c0c1} 10% {background: #62537a; color: #0000; border:2px dashed #94c0c1} 20% {background: #bc6592; color: #fff; border:2px dashed #94c0c1} 100% {background: #94c0c1; color: #000} } @-moz-keyframes kakau { 0% {background: #bddccd; color: #000; border:2px dashed #94c0c1} 10% {background: #62537a; color: #fff; border:2px dashed #94c0c1} 20% {background: #bc6592; color: #000; border:2px dashed #94c0c1} 100% {background: #94c0c1; color: #fff; border:2px dashed #94c0c1}} @-o-keyframes Kakau {0% {background: #bddccd; color: #fff; border:2px dashed #94c0c1} 10% {background: #62537a; color: #000; border:2px dashed #94c0c1} 20% {background: #bc6592;color: #fff; border:2px dashed #94c0c1} 100% {background: #94c0c1;color: #000; border:2px dashed #94c0c1}} /* - Menu por Kakau - NÃO RETIRE OS CREDITOS - */
Depois cole o código abaixo depois de <body>
<div class="menukau"> <a href="URL AQUI ">Link aqui </a> <a href="URL AQUI ">Link aqui </a> <a href="URL AQUI ">Link aqui </a> <a href="URL AQUI ">Link aqui </a> </div>
Pronto :)
Se usar/gostar dê like e credite.
Não reblog nem repasse.
Por Kakau | inspirar-r
