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/diseno-web

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

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

Curso Completo de PHP y MYSQL:
https://www.desarrolloweb.io/cursos/php-y-mysql

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

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

---

Código del Proyecto: https://github.com/falconmasters/notificaciones-toast

Iconos:
https://icons.getbootstrap.com/icons/exclamation-octagon-fill/
https://icons.getbootstrap.com/icons/check-square-fill/
https://icons.getbootstrap.com/icons/exclamation-triangle-fill/
https://icons.getbootstrap.com/icons/info-circle-fill/

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: http://www.twitter.com/falconmasters
Facebook: http://www.facebook.com/falconmasters