✅ MENÚ CSS (SIN JAVASCRIPT)

  Рет қаралды 47,581

AlexCG Design

AlexCG Design

2 жыл бұрын

Aprende a Crear un MENÚ ANIMADO con CSS, desde CERO.
📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta 90% de descuento en Hostinger.com.
ENTRA AQUÍ 👉 www.hostinger.com/alexcg
📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.com/cursocss
-----------------------------------------------------------------------------------------------------------------------------
Aprende CSS (Desde CERO en KZfaq) 👉 • 🚀 Curso CSS PARA PRINC...
-----------------------------------------------------------------------------------------------------------------------------
CURSOS COMPLETOS:
📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.com/cursocss
👨‍💻🎁 Diseño Web Desde Cero (Descuento) 👉 alexcgdesign.com/descuento-di...
-----------------------------------------------------------------------------------------------------------------------------
✉️ Redes sociales:
Blog de desarrollo web: www.alexcgdesign.com/blog
Twitter: / alexcgdesign
Facebook: goo.gl/7o77tx
Linkedin: goo.gl/byCJnS
Instagram: / alexcg_design
Github: github.com/AlexCGDesign

Пікірлер: 31
@AlexCGDesign
@AlexCGDesign 2 жыл бұрын
📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.com/cursocss
@mishelrodri
@mishelrodri 2 жыл бұрын
Wowww al fin uno donde no usan JS !!!! ALTO CAPO
@mastermaster153
@mastermaster153 Жыл бұрын
Así hay varios
@laick
@laick 2 жыл бұрын
Genial Alex!!!! El poder de CSS 🔥🔥
@phoenixrx
@phoenixrx 11 ай бұрын
El código esta incompleto no funciona si se hace tal cual, nunca hay un hover ni una referencia al nav__target
@user-pl5ve1bn4d
@user-pl5ve1bn4d 11 ай бұрын
No entiendo como se oculta el menu una ves seleccionado la etiqueta
@huco-Lab
@huco-Lab 11 ай бұрын
¡Hola! Te saludamos desde el equipo de EzKodigo. El menu se oculta automaticamente porque el 'target' deja de estar en el icono del menu hamburguesa. Considerá que con este metodo que enseña Alex, la 'CONDICION' para que el menu responsive se muestre, es que el icono de la hamburguesa sea 'clickeado (seleccionado)'. Al dejar de cumplir la condición (porque 'seleccionas' otro elemento), se deja de mostrar el menu!.
@croire9899
@croire9899 10 ай бұрын
Exelente, me quedo muy bien, gracias
@jovican
@jovican Жыл бұрын
Eres re pro haces ver todo bien fácil
@wichoishimura3268
@wichoishimura3268 Жыл бұрын
Por cómo escribes código resulta confuso establecer lo mismo que tú pero en metodología BEM, por ende no me funcionó. Me tardé 2 días revisando ésto detalladamente y no funcionó nunca. Recomiendo mucho que utilicen Js pierdanle el miedo, son a lo mucho 3-4 líneas de código.
@juansebastianmorenomosquer8874
@juansebastianmorenomosquer8874 7 ай бұрын
Bro llevaba medio día vagueando tratando de hacer un menú hamburguesa ví el short no me sirvió leí tu coment lo puse a prueba y lit no me puedo creer como uno se complica la vida por pendejadas me tomo solo 13 lineas hacerlo mucho mejor la verdad. Aunque no lo parezca gracias 😅
@Hanco89
@Hanco89 5 ай бұрын
Simplemente increíble
@santypro10
@santypro10 9 ай бұрын
no entendi va muy rapido es enredado quien me explica
@luisnazarioloyolaaquino8731
@luisnazarioloyolaaquino8731 Жыл бұрын
gracias
@chapypengu7250
@chapypengu7250 Жыл бұрын
Increible
@ramoncanizalez8192
@ramoncanizalez8192 2 жыл бұрын
buenisimo
@oarr100
@oarr100 2 жыл бұрын
No entiendo cómo puede aparecer el menú si en ningún momento se hace referencia a la clase nav__target
@lildxvd0263
@lildxvd0263 Жыл бұрын
Mmmm no lo sé, yo creo que debe tener un hover , o el código no esta completo
@catherinromero143
@catherinromero143 Жыл бұрын
Si sale
@ramonsaavedra7904
@ramonsaavedra7904 9 ай бұрын
A mi no me funciono
@bruno_uy505
@bruno_uy505 2 жыл бұрын
no me anduvo : (
@masterxreme475
@masterxreme475 2 жыл бұрын
00:00
@masterxreme475
@masterxreme475 2 жыл бұрын
0:00
@danielgil9206
@danielgil9206 2 жыл бұрын
Y cuando sea un submenu como se aplica y es responsive?
@huco-Lab
@huco-Lab 11 ай бұрын
¡Hola! Te saludamos desde el equipo de EzKodigo. Para ello debes usar las MEDIA QUERY y colocar display none al elemento hamburguesa mientras estes por arriba de 768px de ancho. Cuando bajas de ese ancho, los links normales pasan a tener display none, y tu menu hamburguesa pasa a tener display: flex.
@emanuelchinchilla3193
@emanuelchinchilla3193 2 жыл бұрын
No me anduvo...
@mauriciovillalba1065
@mauriciovillalba1065 11 ай бұрын
Hola cómo se hace para que el menú se cierre al volver a hacer click en el icono del menu
@huco-Lab
@huco-Lab 11 ай бұрын
¡Hola! Te saludamos desde el equipo de EzKodigo. El menu se oculta automaticamente porque el 'target' deja de estar en el icono del menu hamburguesa. Considerá que con este metodo que enseña Alex, la 'CONDICION' para que el menu responsive se muestre, es que el icono de la hamburguesa sea 'clickeado (seleccionado)'. Al dejar de cumplir la condición (porque 'seleccionas' otro elemento), se deja de mostrar el menu!. Para lograr que se cierre nuevamente, podrías hacer que mientras el menu este selected, la imagen del menu hamburguesa tenga su display este en 'hidden' y que en su lugar lo reemplace otra diferente. De esta manera, si el usuario clickea la 'nueva imagen' del menu hamburguesa, se cerrará, ya que no estará cumpliendo la condición inicial.
@Geogz
@Geogz Ай бұрын
Tan facil que es js para hacer esp
@vmatoficial
@vmatoficial 2 жыл бұрын
de peteeme gracias
@powerlinksec
@powerlinksec 2 жыл бұрын
Me impresionará si es un menú de tres niveles y responsive
CREA un MENÚ ANIMADO con CSS RESPONSIVE [ ❌ Sin JavaScript ]
21:37
100❤️
00:19
MY💝No War🤝
Рет қаралды 22 МЛН
Cat Corn?! 🙀 #cat #cute #catlover
00:54
Stocat
Рет қаралды 15 МЛН
DO YOU HAVE FRIENDS LIKE THIS?
00:17
dednahype
Рет қаралды 104 МЛН
📱 Cómo hacer un CARRUSEL Responsive (en 2 minutos) SOLO con HTML y CSS 🔥 | thomascafaro.com
0:58
Thomas Cafaro - Desarrollo Web En Español
Рет қаралды 55 М.
Are you using the right CSS units?
6:30
Kevin Powell
Рет қаралды 446 М.
Menú Desplegable  - HTML & CSS
6:14
Código Web
Рет қаралды 101 М.
Learn Every CSS Selector In 20 Minutes
19:38
Web Dev Simplified
Рет қаралды 441 М.
✔️ Cómo hacer una Lightbox EASY con HTML, CSS y JavaScript
6:03
Manuel Sánchez WEB
Рет қаралды 739
Avoid these 5 beginner CSS mistakes
21:38
Kevin Powell
Рет қаралды 77 М.
The secret to mastering CSS layouts
17:11
Kevin Powell
Рет қаралды 270 М.
CSS in 5 minutes
8:16
Aaron Jack
Рет қаралды 126 М.
Como CREAR un MENÚ DESPLEGABLE con HTML CSS y JS
24:35
AlexCG Design
Рет қаралды 134 М.
Como hacer un menú responsive con CSS
13:30
Dorian Desings
Рет қаралды 37 М.
ОБСЛУЖИЛИ САМЫЙ ГРЯЗНЫЙ ПК
1:00
VA-PC
Рет қаралды 2 МЛН
تجربة أغرب توصيلة شحن ضد القطع تماما
0:56
صدام العزي
Рет қаралды 53 МЛН
Todos os modelos de smartphone
0:20
Spider Slack
Рет қаралды 32 МЛН
Красиво, но телефон жаль
0:32
Бесполезные Новости
Рет қаралды 963 М.
АЙФОН 20 С ФУНКЦИЕЙ ВИДЕНИЯ ОГНЯ
0:59
КиноХост
Рет қаралды 584 М.
😱Хакер взломал зашифрованный ноутбук.
0:54
Последний Оплот Безопасности
Рет қаралды 742 М.