Patrick Brosset @patrickbrosset.com · Mar 9

I feel like this is either very dumb or very clever. Either way, I blogged about it: Using CSS animations as state machines to remember focus or hover states in CSS only. patrickbrosset.com/articles/202...

39 likes 5 replies

?

Replies

Patrick Brosset · Mar 15

And there I was feeling proud of myself, smart and all, when @janeori.propjockey.io had gone way further that. Seriously, check out Jane’s “Expert CSS: The CPU hack” article. Awesome stuff. dev.to/janeori/expe...

Patrick Brosset · Mar 10

I just fixed a bug that prevented the demos from working on Chromium browsers. Turns out that a 0.00001s long animation works fine, but a 0.0000001s one doesn't. Reported at issues.chromium.org/issues/49114...

Nicolas Chevobbe · Mar 10

Nice post Patrick, that's pretty creative :) There's a small typo (`But, CS animations`), and for the demo with the pseudo element you're talking about checkmarks but the demo displays (nice) cat emojis :)

CSS by T. Afif · Mar 15

That's the technique I am using in most of my CSS-only games. Useful to track score and similar stuff. ex: frontendmasters.com/blog/how-key...

Shay Clark · Mar 10

oh man, this calls for a css Rube Goldberg....