Ver Mensaje Individual
  #2 (permalink)  
Antiguo 02/02/2012, 09:45
leonidasesteban
 
Fecha de Ingreso: septiembre-2011
Ubicación: Tacna Peru
Mensajes: 14
Antigüedad: 13 años, 2 meses
Puntos: 4
Respuesta: ¿Cómo animar menu con hover?

si lo que queires hacer es un meno que este oculto y aparezca al hacer hover te dejo este codigo para que le des un ojo :).
te aclaro que si lo que quieres es hacer un menú deberías usar listas como <ul> ahí te darás cuenta como se estructuraría bien tu menú, otra cosa la etiqueta <nav> solo úsala en tu menú principal, luego si quieres hacer otros menús usa solo <ul>.
PD: cuando hagas correr el ejemplo pasa el mouse por el área gris que es donde esta escondido el menú
Cita:
<style>
header{
background:gray;
margin:0 auto;
width:500px;
}
nav ul li{
background:red;
display: inline-block;
height:50px;
opacity:0;
width:100px;

}
nav ul li:hover{
opacity: 1;
}
</style>
<header>
<nav>
<ul>
<li>opcion1</li>
<li>opcion2</li>
<li>opcion3</li>
</ul>
</nav>
</header>