28/11/13

Tutorial: Menú Giratorio ZOOM


Copiamos el código y lo pegamos 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>
Editamos:
Rojo: Link de tu entrada o página a la que dirigirá al hacer click
Verde: Categoría.
Credits: ATNY 

5 comentarios:

  1. Desatada que estás, niña.
    Espero con ansías la siguiente entrada ;)

    ResponderEliminar
    Respuestas
    1. Jeje si la verdad. Hoy es día de Menús :DD (me suena a restaurante >w<) okno. Ahora mi madre está cocinando así que resiste D: En fin, ahora que mi mente está en blanco, me faltaron los ejemplos para plantillas blogskins o: Ya los arreglaré. [no sé porque cambié de tema]
      Saludos Evlon ! :3

      Eliminar
  2. este esta genial lo quiero en mi proximo diseño!!! gracias

    ResponderEliminar

Reglas:
-Respeto
-No insultar

¡Gracias por comentar!

Emojis:
(∩ω∩) | (>△<) | (>▽<) | (⊙▽⊙) | (●ω●) | (╯ω╰) | (☆▽☆) | (≧ω≦) | ≡(▔﹏▔)≡
Simbolos:
☺♥♫△☆ღ