Загрузка...

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

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

Видео Como hacer un sistema de notificaciones "toast" con animaciones | HTML, CSS y Javascript канала FalconMasters
Яндекс.Метрика

На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.

Об использовании CookiesПринять