(Previous HN thread here - https://news.ycombinator.com/item?id=32528769 )
Also, I’m quite jealous of your one letter domain.
Kudos for the write-up and kudos to the anonymous devs out there who wrote that portion of browser code.
I never thought to augment plain old equations like that, it's making my mind bubble.
Possibly transparent faces of the cube with a particular `mix-blend-mode` that leaves the background color alone but dims letters that get behind it?
(That's just a wild guess, I don't know if it's actually possible.)
https://ericfortis.github.io/web-animations/#-fluid-3d-cube-...
Source:
https://github.com/ericfortis/web-animations/blob/main/3d-ca...
That this amount of "whoa that's not a 2D document" can be done by the web's standard stylizing technology is amazing. I'm not (again, personally) 100% convinced it should be this amazing[*], but that's another discussion.
Well done.
[*]: I'm just afraid of the complexity level in modern browsers, that's the other side of the "wow it can do that?" coin.
...which is the same 2D/3D illusion, but made with, you know... humans.
Me and a friend made a game using 3D CSS a few years ago: https://js13kgames.com/entries/3dc5s.
I'm not sure I'd ever use it again for something that large as it's a hell of a lot of work but so satisfying once you see the monstrosity you've created running!
You can definitely make this accessible but that alone is a whole exercise. The best bet would be to use MathML-in-HTML and hope that the reader supports it.
(using css where possible ofc)
Pick one.