Create a CSS only lightbox using :target

From the creator

A look at how we can create a fun lightbox effect without the use of JavaScript! Instead of relying on JS, this uses a fun use of CSS :target pseudo class. There are some issues with this, specially if you have a lot of items, which I address near the end of the video, but this is just one use case, there are a lot of really fun things you could do with :target, and hopefully this is enough to get you thinking about them! CodePen: https://codepen.io/kevinpowell/pen/LgMLao --- I have a newsletter! https://www.kevinpowell.co/newsletter New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass --- My Code Editor: VS Code - https://code.visualstudio.com/ How my browser refreshes when I save: https://youtu.be/h24noHYsuGc --- Support me on Patreon: https://www.patreon.com/kevinpowell I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell

Published 2018-11-14 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.