Menu vertical giratorio con CSS
<style>
#bsemenu{
padding: 0;
list-style-type: none;
margin: 0 0px 0px 0;
text-transform: uppercase;
}
#bsemenu li {
display: inline;
}
#bsemenu li a {
display:block;
color:#000;
font-size:12px;
line-height:20px;
text-align:center;
text-decoration:none;
width:80px;
height:20px;
background: #ccc;
padding: 13px;
margin:0;
border: 2px solid #000;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
#bsemenu li a:hover {
background: #eee;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-moz-transition: all 1s; -webkit-transition: all 1s; transition: all 1s;
}</style>
<ul id="bsemenu">
<li><a href="URL">Inicio</a></li>
<li><a href="URL">Acerca de</a></li>
<li><a href="URL">Indice</a></li>
<li><a href="URL">Contacto</a></li>
</ul>
0 comments:
Publicar un comentario