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

YouTube

Create a CSS Only Lightbox

Kevin Powell via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to create an engaging lightbox effect using only CSS in this 34-minute tutorial. Explore the innovative use of the :target pseudo-class to achieve a JavaScript-free solution. Discover the step-by-step process of styling and implementing the lightbox, including image dimensions and problem-solving techniques. While addressing potential limitations for large-scale implementations, gain insights into creative applications of the :target pseudo-class for various web design projects. Access the accompanying CodePen for hands-on practice and further experimentation with this CSS-only approach to interactive web elements.

Syllabus

Intro
Target
Image Dimensions
Styling
Fixing the problem
Conclusion

Taught by

Kevin Powell

Reviews

Start your review of Create a CSS Only Lightbox

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.