Efecto cambiar botón al desplegar menú

[madman_18]

Hola a todos!

Os consulto porque no se cómo hacer este efecto... Lo podéis ver en esta demo de un tema de wordpress aquí (he visto varias webs con dicho efecto pero no encuentro ninguna ahora )

Si os fijáis cuando pulsa sobre el menú hace el cambio del icono de las barras por una "X" al desplegar el menú... supongo que será con CSS pero no consigo hacer la transición ni el cambio.

¿Alguno podría orientarme? Gracias!

[Paty_RR]

No se bien que es lo que quieres hacer, tal vez te sirvan estos ejemplos, o quizas puedes ser algo mas claro en lo que quieres....

Código CSS:

/* unvisited link */
a:link {
    color: green;
}
 
/* visited link */
a:visited {
    color: green;
}
 
/* mouse over link */
a:hover {
    color: red;
}
 
/* selected link */
a:active {
    color: yellow;
}
 

como puedes ver este ejemplo es con un link, pero tambien lo puedes usar en otros controles y dentro de cada uno, puedes cambiar las propiedades que tu necesites como color de letra, fondo, imagen etc...

[madman_18]

Iniciado por Paty_RR

No se bien que es lo que quieres hacer, tal vez te sirvan estos ejemplos, o quizas puedes ser algo mas claro en lo que quieres....

Código CSS:

/* unvisited link */
a:link {
    color: green;
}
 
/* visited link */
a:visited {
    color: green;
}
 
/* mouse over link */
a:hover {
    color: red;
}
 
/* selected link */
a:active {
    color: yellow;
}
 

como puedes ver este ejemplo es con un link, pero tambien lo puedes usar en otros controles y dentro de cada uno, puedes cambiar las propiedades que tu necesites como color de letra, fondo, imagen etc...

Hola Paty_RR gracias por responder tan rápido

Quizás no me expliqué muy bien en el mensaje...si entras en el enlace que ves el menú se presenta con las típicas barras de móvil.

Justo al hacer clic para activar el menú hace como un efecto en el que la X de cerrar el menú es como si "saliese" de dichas barras (como si se usasen las mismas barras iniciales para formar la X) no sé si me explico del todo bien

[DesgraciadoGabo]

Ese tipo de icono es el famoso menú hamburguesa o algo así jaja búscalo como menu icon hamburger, en el sitio web de navnav.co encontrarás este menú y muchos más para ser utilizados, hay unos bonitos y otras opciones que te pueden llegar a ser de utilidad, también puedes buscar en codepen.io para que conozcas un poco más acerca de como hacer un menú de este tipo, saludos!

[AngelKrak]

Mira amigo, aqui nuestro amigo Fede iso un Tutorial sobre ese Tema, Leetelo y asi aprenderas como hacerlo ;)

http://www.heroesdelaweb.com/threads...to-arrow.1642/