Tutorial: Menú Giratorio ZOOM

 Vista previa

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