Тёмный

TUTORIAL CREAR un MODAL ANIMADO (HTML & CSS) 

AlexCG Design
Подписаться 124 тыс.
Просмотров 15 тыс.
50% 1

Crea un MODAL ANIMADO con HTML y CSS3, sin necesidad de usar Javascript o alguna librería externa.
📣 ¿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 RU-vid) 👉 • 🚀 Curso CSS PARA PRINC...
-----------------------------------------------------------------------------------------------------------------------------
CURSOS COMPLETOS:
📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.com/cursocss
👨‍💻🎁 Diseño Web Desde Cero (Descuento) 👉 alexcgdesign.com/descuento-di...
-----------------------------------------------------------------------------------------------------------------------------
00:00 Introducción Modal
00:51 Creando el HTML del Modal
06:21 Agregando estilos al Modal
14:14 Animando el Modal con CSS
21:15 Hostinger
22:34 Final del Modal
✉️ Redes sociales:
Blog de desarrollo web: www.alexcgdesign.com/blog
Facebook: goo.gl/7o77tx
Linkedin: goo.gl/byCJnS
Github: github.com/AlexCGDesign

Наука

Опубликовано:

 

1 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 26   
@AlexCGDesign
@AlexCGDesign 2 года назад
📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.com/cursocss
@valmikicervantes7719
@valmikicervantes7719 2 года назад
porque no lo subes a github?
@juanbernal9010
@juanbernal9010 2 года назад
Gracias a tu contenido le he perdido la frustacion de usar CSS ahora ya me parece mas divertido Gracias !!
@znono_2064
@znono_2064 2 года назад
Hola Alex, he aprendido mucho viendo tus videos. Quiero ser un gran programador como tú
@norbertopascua5837
@norbertopascua5837 2 года назад
Alex, gracias por estos vídeos!!
@javierortigoza459
@javierortigoza459 2 года назад
Genial video! Gracias por compartir tus conocimientos con nosotros 👌. Tengo una pregunta Alex, estoy queriendo hacer, un sistema de menú QR para un restaurante, que alojamiento me recomiendas adquirir, osea cuál de los planes de hostinger? Y como puedo saber cuál me conviene más ?
@Jimmy-nh1cd
@Jimmy-nh1cd 2 года назад
Sos un crack campeon!
@urtaav639
@urtaav639 2 года назад
Excelente video, pero como evitas que la referencia se ponga en la url? , y podrías hacer un video haciendo un modal clone de bootstrap
@SanchayanPackiyanathan
@SanchayanPackiyanathan 13 дней назад
Muchas Gracias Amigo, Saludos.
@davidsantiagogalvanparra7588
@davidsantiagogalvanparra7588 2 года назад
Excelente video! Los diseños siempre son espectaculares, te felicito👌👌
@AlexCGDesign
@AlexCGDesign 2 года назад
Muchas gracias!
@WindChartDB
@WindChartDB 11 дней назад
@@AlexCGDesign hola amigo donde veo tu archivos para verlo necesito ese modal para mi projecto saludos espeor para descargarlo
@jerrylopez6931
@jerrylopez6931 2 года назад
¿Hay alguna forma de inhabilitar el scroll de la página mientras esté abierto el modal?
@ElMoxar
@ElMoxar 2 года назад
Hola, como puedo editar el .htacess, para quitar el .html de las URLS?
@josuecar4727
@josuecar4727 2 года назад
Hola Alex qué tal Te escribi en la página de Facebook, al parecer no te has conectado Pero espero que puedas ver mi mensaje. Y siempre tus videos muy buenos 🔥💯
@AlexCGDesign
@AlexCGDesign 2 года назад
Hola Josue, ¿Cómo estás? Ya revise el mensaje, muchas gracias por la idea, la tendré en cuenta:)
@ivancahuaya7747
@ivancahuaya7747 Год назад
Aiudaaaa no me reconoce el pointer -events
@AxelBravo-zd8fk
@AxelBravo-zd8fk 2 года назад
Alex te sigo desde hace mucho tiempo y wow todo lo que sabes bro crees que puedas subir el codigo es que ya lo intente pero algo me sale mal :(
@eliasesperanza9839
@eliasesperanza9839 2 года назад
Hola, gracias a tus tutoriales estoy empezando en el desarrollo web. Mi pregunta es: ¿Cómo puedo hacer para que al darle click al enlace se descargue un archivo y a la vez se abra la ventana modal? espero me respondas, saludos.
@hendrickgalarza5369
@hendrickgalarza5369 2 года назад
Amigo. No quieras volar tan rápido, para eso necesitas conocer un lenguaje de programación en backend.
@eliasesperanza9839
@eliasesperanza9839 2 года назад
@@hendrickgalarza5369 Estoy empezando en este mundo de la programación, poco a poco amigo
@zoriyu9998
@zoriyu9998 2 года назад
@@eliasesperanza9839 hola, si es un proyecto pequeño puedes usar tu cuenta de drive para guardar ese documento que quiere compartir, luego en las opciones entras a la que dice obtener enlace y lo copias y pegas en el atributo href de tu y listo, cuando accedan al enlace otros podrán bajarlo. si vas a algo mas complejo, si hay que tener paciencia pero creo que esto te pude servir.
@eliasesperanza9839
@eliasesperanza9839 2 года назад
@@zoriyu9998 Gracias por la recomendación, la duda que tengo es que si es posible hacer que al hacer click al enlace de descarga, inicie la descarga y al mismo tiempo se habrá la ventana modal, saludos
@ERLSTUDIOS
@ERLSTUDIOS 2 года назад
hola bro si me compro un Hosting y Dominio en Hostinger como subo mis archivos
@javierortigoza459
@javierortigoza459 2 года назад
Creo que hostinger tiene su propio panel de control, dónde desde el propio sitio web puedes cargar tu página, o sino puedes descargar un cliente FTP en tu compu
@delphismethod6225
@delphismethod6225 2 года назад
@@javierortigoza459 Sí es verdad
Далее
✅ Como CREAR LANDING PAGE con CSS GRID
22:00
Просмотров 11 тыс.
Como crear una ventana MODAL HTML CSS Y Javascript
31:43
Фэйворит жвачка А? (2024)
01:00
Просмотров 240 тыс.
Loading Page With SVG Animation Using CSS & GSAP
8:22
😎 TRUCO CON CSS MODERNO (LOADER DE CARGA)
0:55
Просмотров 6 тыс.
How to Create Popup Modal Box in HTML CSS & JavaScript
14:59