Como hacer un sistema de notificaciones "toast" con animaciones | HTML, CSS y Javascript

Опубликовано: 06 Октябрь 2024
на канале: FalconMasters

14,377

844

En este video aprenderás como hacer un sistema de notificaciones / alertas tipo toast con animaciones y cierre automático todo desde cero con HTML, CSS y Javascript.

Mis cursos de desarrollo web:
⭐ Curso Completo de Diseño Web Profesional:
https://www.desarrolloweb.io/cursos/d...

⭐ Curso Completo de React y Firebase:
https://www.desarrolloweb.io/cursos/r...

⭐Curso Completo de Javascript
https://www.desarrolloweb.io/cursos/j...

⭐ Curso Completo de PHP y MYSQL:
https://www.desarrolloweb.io/cursos/p...

⭐ Curso de Bootstrap 5:
https://www.desarrolloweb.io/cursos/b...

⭐ Curso Completo de creación de tiendas online:
https://www.desarrolloweb.io/cursos/t...

---

📄 Código del Proyecto: https://github.com/falconmasters/noti...

📄Iconos:
https://icons.getbootstrap.com/icons/...
https://icons.getbootstrap.com/icons/...
https://icons.getbootstrap.com/icons/...
https://icons.getbootstrap.com/icons/...

Indice:
00:00:00 - Inicio
00:02:05 - Código HTML
00:14:58 - Código CSS
00:32:42 - Animaciones con CSS
00:49:40 - Eventos de botones
00:59:51 - Función de abrir toast
01:20:35 - Botón de cerrar toast

---

Redes Sociales:
📌 Twitter: / falconmasters
📌 Facebook: / falconmasters