An Interactive Cover Component

6 months ago by codeinabox to c/css

A technical walkthrough on how to build a small interactive cover component, with some nifty CSS tricks.
Kissaki 3 points 6 months ago

I don't find it super easy to read. Even white on white is somewhat readable, but the black tree part on the left is particularly hard to read. Certainly not scan-readable / fast, like I would be able to read normal text.

path: 0 23147266, hotness: undefined, score: 3, children: 1
codeinabox 2 points 6 months ago

Agreed though the article has this disclaimer:

Before we dive into the code, I think it’s worth pointing out that the goal is largely to be immersive and expose some lore. I think this design and effect fit because of the theme and because it’s not for critical content. My point is that it’s just an aesthetic component for a game that makes this acceptable — I don’t think this is necessarily a good user experience for your every day website where there are stakes.

path: 0 23147266 23147564, hotness: undefined, score: 2, children: 0
css
css

@programming.dev

login for more options
847
363
73

go to feed...