Загрузка страницы

Create a CSS only lightbox!

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

Видео Create a CSS only lightbox! канала Kevin Powell
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
14 ноября 2018 г. 22:00:02
00:34:08
Яндекс.Метрика