como hacer un navbar con menú hamburguesa que se expanda y contraiga dinámicamente utilizando únicamente HTML y CSS.

john alex zapata jimenez

john alex zapata jimenez

Pregunta
studenthace 5 años

como hacer un navbar con menú hamburguesa que se expanda y contraiga dinámicamente utilizando únicamente HTML y CSS.

6 respuestas
para escribir tu comentario
    Luis Mojica

    Luis Mojica

    teacherhace 5 años

    Hola todos, viendo los comentarios de los compañeros, quisiera saber si es necesario javascript para implementar las mediaquerys en CSS3 como se muestran aquí.

    Gracias de antemano.

    Andres Santiago Ardila Delgadillo

    Andres Santiago Ardila Delgadillo

    studenthace 5 años

    tienes que trabajar con javascript para poder dar la funcion de ocultar y aparecer, te aconsejo trabajarlo con jquery (es mas facil) o si quieres trabajarlo con vue JS, yo personalmente lo hago con vue js y es mucho mas facil y practico.

    Benjamín Maximiliano Blaimont Calderón

    Benjamín Maximiliano Blaimont Calderón

    studenthace 5 años

    Puedes hacer el curso de bootstrap, con ese framework puedes lograr fácilmente ese resultado! :D Éxito!

    Luis Mojica

    Luis Mojica

    teacherhace 5 años

    Usando CSS3 puedes lograrlo sin javascript mediante las media querys, pero para entender este y otros conceptos la recomendación de Carlos es la apropiada.

    john alex zapata jimenez

    john alex zapata jimenez

    studenthace 5 años

    gracias,

    Roger Carlos Ariel Alba

    Roger Carlos Ariel Alba

    studenthace 5 años

    Hola:

    Eso lo aprendes en el curso de Responsive Web pero si necesitas usar un poco de JS.

Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!

Curso de Frontend Developer
Curso de Frontend Developer

Curso de Frontend Developer

Domina las bases de HTML y CSS. Define la arquitectura de tu código y construye un sitio web usando componentes estáticos. Maqueta las pantallas principales de tu página web. Agrega diseño responsivo y usa preprocesadores para optimizar tu código CSS. ¡Conviertete en Frontend Developer con Platzi!