Post

Ready for the first cool demo of the year? A mini Mario world with keyboard control. Yes, you can move Mario and also jump! 👀 Demo: codepen.io/t_afif/full/... via @codepen.io ✔️ 100% CSS Magic ✔️ Minimal HTML ❌ 0% JavaScript A Chrome-only experimentation using modern CSS.

Josh Collinsworth

@collinsworth.dev

4 Jan

I have a comment that is in no way related to the (undeniably impressive) code: It feels strange to see a SNES Mario sprite against the original 8-bit Super Mario Bros. background. It gives a sort of "uncanny valley" vibe. I wonder if there's a reason you chose against the sprite from the game?

CSS by T. Afif

@css-only.dev

No particular reason 😅 I picked a Mario that looks good to me and easy to manipulate (Didn't want to spend a lot of times with image editing to get the correct sizing) and I already had the background/block sprites I used before ... Then I combined both 🙃

4/1/26, 1:42 pm0 reposts4 likes

No replies yet.