Icon for post type: share Resizing on Click - Without JavaScript Permalink: Resizing on Click - Without JavaScript Bookmark Icon

I came across this on Twitter:

This codepen is a pretty interesting technique. Not sure if this is something suitable to use in production, but a cool thought experiment and result for sure. I like it 👍🏼

I’m thinking it could be quite a nice way to create a CSS light box or something similar without the need for JS. It might not be the best technique for light boxes, since it’s probably impossible to manage focus state on the page and to make it properly accessible. Still, I think it’s a neat idea and I want to have a closer look at it. It might be good for some use case.

Leave a comment

Replied on your own website? Send a webmention!