Skip to content

usmanmobeen111/HTML-CSS-JavaScript-Project-15-Glassmorphism-Notification-Toasts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commit
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

✨ Glassmorphism Notification Toasts ✨

A modern and aesthetic Glassmorphism Notification Toast System built using HTML, CSS, and JavaScript.

This project includes:

  • Smooth slide-in / slide-out animations πŸ’¨
  • Blur-glass effect using CSS backdrop-filter πŸ–ΌοΈ
  • Auto-hide snackbars using setTimeout() ⏰
  • Font Awesome icons for premium UI πŸ’Ž

πŸš€ Features

  • Glassmorphism UI πŸ‘“
  • Auto-dismiss notifications ⏳
  • Responsive and smooth animations πŸ“±
  • Clean and minimal code structure 🧹

🧩 Technologies Used

  • HTML 🏷️
  • CSS (Glassmorphism + Animations) 🎨
  • Vanilla JavaScript β˜•
  • Font Awesome Icons πŸ›‘οΈ

▢️ How to Use

  1. Clone the repository πŸ’Ύ
  2. Open index.html in your browser 🌐
  3. Click the button to generate notifications πŸ””

πŸ‘€ Author

Developed by Usman (CodeWeaver)
GitHub: @usmanmobeen111

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published