Animated Modal Popup

A sleek and responsive modal component built with HTML, CSS, and JavaScript, designed for displaying important messages or prompts in a user-friendly manner.

Features:

• Interactive Modal: Opens and closes smoothly using button triggers.
• Animations:
  • Background and modal entrance animations for a polished user experience.
  • Smooth scaling effect on modal appearance.
• Responsive Design:
  • Fully optimized for desktops, tablets, and mobile devices.
  • Adjusts button layout for smaller screens.
• Customizable Styles: Easily tweak colors, font sizes, and dimensions using CSS variables.

Technologies Used:

• HTML5 for the modal structure.
• CSS3 for styling, animations, and responsiveness.
• JavaScript for interactivity (toggle functionality).

How It Works:

• Modal Triggers:
  • Buttons with the .modal-toggle class toggle the modal visibility.
• Animation Effects:
  • Background fades in smoothly.
  • Modal scales in with a subtle animation.
• Responsive Adaptation:
  • Button layout switches to a single-column format on smaller screens.

💼 Contact me

• linkedin. Linkedin
• Email: adityamamta4@gmail.com