Proyectos Web

Menu toggle animado con HTML(Jade), CSS y Javascript

02 de Abril del 2016

Menú toggle animado - J&G Proyectos Web

Si te has preguntado como hacer un boton para menú animado, este tutorial te puede ayudar. Para ello utilizamos tres elementos, puedes usar los pseudoelementos before y after si ya los conoces, pero como no hemos hecho un tutorial al respecto usaremos divs con nombres específicos para que los puedas identificar.

Para este tutorial estamos usando Jade(preprocesador html) si no sabes como usarlo puedes ver este video: https://www.youtube.com/watch?v=anXTvkMVJmc

Como siempre, te dejamos el código en codepen: 

See the Pen Menu toggle animado con HTML(Jade), CSS y Javascript by JyG Proyectos Web (@JyGProyectosWeb) on CodePen.

Y también el video donde explicamos como realizarlo: