Coursera Plus Annual is 40% Off — Ends June 29.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Create a Responsive Modal Popup Using HTML, CSS, and JavaScript - Modal Popup With Animation

EGATOR via YouTube

Start learning Write review
Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More → Simplilearn Ad

Become an AI & ML Engineer with Cal Poly EPaCE — IBM-Certified Training

Learn More →

Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
Learn how to create a responsive modal popup with animations using HTML, CSS, and JavaScript in this 28-minute video tutorial. Develop a simple web project ideal for beginner JavaScript developers. Start with HTML markup, then apply CSS styling and media queries for responsiveness. Implement JavaScript functionality to open and close the modal. Enhance the user experience with CSS animations and add a "Thank You" message. Follow along with timestamps for easy navigation through each step of the development process.

Syllabus

Project Preview/Intro
MarkupHTML
StylingCSS
CSS Media Queries
JavaScript Close & Open modal functionality
CSS Animations
Adding "Thanks You" Message

Taught by

EGATOR

Reviews

Start your review of Create a Responsive Modal Popup Using HTML, CSS, and JavaScript - Modal Popup With Animation

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.