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

Comenta con respeto ^-^

¡Gracias por tu comentario!

Emojis:
(∩ω∩) | (>△<) | (>▽<) | (⊙▽⊙) | (╯ω╰) | (☆▽☆) | (≧ω≦) | ≡(▔﹏▔)≡ | ( ̄(エ) ̄) | (・∀・ ) | (ノ◕ヮ◕)ノ*:・゚✧ | (^▽^) | (¬_¬) | ✖‿✖ | (¬‿¬) | (─‿‿─) | (~ ̄▽ ̄)~ | (︶ω︶) | (+_+) | (。♥‿♥。) | (✿ ♥‿♥) | ●ᴥ●

Simbolos:
☺♥♫△☆ღ