Resizing on Click – Without JavaScript

I came across this on Twitter:
> I was curious if a picture could be resized (with a click) without JavaScript.https://t.co/9ZxWp29gv3(The trick? details/summary)— CSS-Tricks (@css) August 29, 2019
This codepen is a pretty interesting techni…


This content originally appeared on foobartel.com :: Stream and was authored by foobartel.com :: Stream

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.


This content originally appeared on foobartel.com :: Stream and was authored by foobartel.com :: Stream


Print Share Comment Cite Upload Translate Updates
APA

foobartel.com :: Stream | Sciencx (2019-08-28T22:00:00+00:00) Resizing on Click – Without JavaScript. Retrieved from https://www.scien.cx/2019/08/28/resizing-on-click-without-javascript/

MLA
" » Resizing on Click – Without JavaScript." foobartel.com :: Stream | Sciencx - Wednesday August 28, 2019, https://www.scien.cx/2019/08/28/resizing-on-click-without-javascript/
HARVARD
foobartel.com :: Stream | Sciencx Wednesday August 28, 2019 » Resizing on Click – Without JavaScript., viewed ,<https://www.scien.cx/2019/08/28/resizing-on-click-without-javascript/>
VANCOUVER
foobartel.com :: Stream | Sciencx - » Resizing on Click – Without JavaScript. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2019/08/28/resizing-on-click-without-javascript/
CHICAGO
" » Resizing on Click – Without JavaScript." foobartel.com :: Stream | Sciencx - Accessed . https://www.scien.cx/2019/08/28/resizing-on-click-without-javascript/
IEEE
" » Resizing on Click – Without JavaScript." foobartel.com :: Stream | Sciencx [Online]. Available: https://www.scien.cx/2019/08/28/resizing-on-click-without-javascript/. [Accessed: ]
rf:citation
» Resizing on Click – Without JavaScript | foobartel.com :: Stream | Sciencx | https://www.scien.cx/2019/08/28/resizing-on-click-without-javascript/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.