martes, 6 de enero de 2015

Tutorial: Menú Giratorio ZOOM


Si les gustó , Mi nuevo Menú c: Aquí está el tuto c:
Este es el menu:


Copia & pega este codio en un gadget HTML:

<style>
a.nav {
background-color: #000000;
padding: 8px;
display: inline-block;
font: 7px tahoma;
width: 70px;
text-align:center;
color: #fff;
border: 1px solid #fff;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
a.nav:hover {
border: 1px solid #000;
background-color: #fff;
color:#000000;
-webkit-transform: rotate(360deg) scale(2);
-moz-transform: rotate(360deg) scale(2);
-o-transform: rotate(360deg) scale(2);
-ms-transform: rotate(360deg) scale(2);
transform: rotate(360deg) scale(2);
}
</style>
<center>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
<a class="nav" href="LINK HERE">TITLE</a>
</center>


EDITAS:
Verde: El color del menú
RosaLink de tu entrada o página a la que dirigirá al hacer click 
Rojo: Categoria

Listo! Créditos : http://unatierraparachicas.blogspot.com.ar/ 


1 comentario: