Como transformar o menu de 3 barras horizontais em X

ZyOps

Dseda

Marketing

• 04/04/2015

• #1

Hola me encontre con esta pagina que seguro ustedes la conocen, me gustaría saber como se hace la transformacion del menu, comienza siendo 3 barras horizontales y al dar clic se convierte en una X.

Aqui el link de la paginAhora puedes tener aplicaciones de Android en tu PC con Chrome - TierraAndroid

¿Alguien me dice como se hace?​

 

EddyJhoel

Préstamo impago

Épsilon

Programador

Verificación en dos pasos activada

• 04/04/2015

• #2

Bueno eso viene en el tema completo, :9 puede que haya un plugin o algo asi . saludos

 

lombervid

Eta

Verificación en dos pasos activada

• 04/04/2015

• #3

Puede ser tan facil como tener una imagen de fondo y cambiarla al darle click, pero con imagen no se veria el movimiento, solo de repente se cambiaría a la otra.
Lo que supongo que es, es las lineas son un elemento con sus :before y :after y al darle click cambias las formas. Y a eso le agregas un transition para que se vea como se va cambiando y no lo haga de repente.

Saludos.

- - - Actualizado - - -

Bueno, de hecho no cambian nada la figura, unicamente giran el :before y :after para que se vea como una cruz.

 

ZyOps

Dseda

Marketing

• 04/04/2015

• #4

Eso mismo pense!

 

OLMID

Gamma

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 09/04/2015

• #5

Hola [MENTION=43742]ZyOps[/MENTION]

Te dejo un ejemplo de cómo podría ser

Prueba cambios - JSFiddle

Saludos 🙂

 

Última edição: 09/04/2015

ZyOps

Dseda

Marketing

• 09/04/2015

• #6

Muchas gracias!!! ¿Podria agregarte a mi facebook? veo que eres muy bueno! me gustaría molestarte con dudas 🙁

 

OLMID

Gamma

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 10/04/2015

• #7

Tengo facebook pero no lo uso casi nada xD, de todas formas puedes añadirme si quieres 🙂

Las consultas puedes hacerlas en el foro, así aprendemos todos :encouragement:

Un saludo