This project demonstrates the creation of basic toast notifications using HTML for structure, CSS for styling and JavaScript for functionality.
Features:
- Simple toast appearance with customizable content.
- JavaScript-driven animations for smooth display and disappearance.
How to Use:
- Clone or download the project.
- Open the
index.htmlfile in your web browser. - Modify the HTML and CSS to customize the toast notification's appearance.
- Explore the JavaScript code (
script.js) to understand the logic behind animations and behaviour.
Example Usage
The code currently displays a basic toast notification. You can trigger it or modify its content through JavaScript within the project.
Feel free to:
- Experiment with different styles and animations.
- Enhance functionality with additional features like toast types or dismissal options.
Thankyou