Table Tennis in Pure HTML CSS 🤯

No JavaScript to be found here:

Comments

[Carmen S. Stanley]

WOW! This is so cool tennis court. Really appreciated. Actually, you should play tennis as well, I believe you will do wonders there as well.

[RickyReyes]

Wow! That's insane. Well done.

[Ali Nazari]

I can only do "display: block" with CSS

[Davinderpal Singh Rehal]

That is a level of CSS I can only dream of having.... trying to reproduce some of these effects to learn from

[Vin Dublin]

Wow. Even the ball's shadow. This must've been super fun to create.

[Sam]

The comment section did not pass the vibe check.

[David Wickes]

[Tai Kedzierski]

OK, nope, I am legit impressed. Copied the HTML and compiled CSS into a local file, removed the sole font import. Totally works. From what I can see, leveraging webkit animation instructions and deterministic re-calculations that make it look like a random game...

Reminds me of the feats done with palette shifting for animating 8-bit scenes and even drawing completely new images into a static array of non-changing bits.

[Lautaro Lobo]

Cool!!

[Rahul Banerjee]

This looks really cool!

[lepinekong]

Wow :)

[Zen]

Sass is JS in CSS 😂

[Tyler Carroll]

Really cool!

[Ben Halpern]

Of course this in particular is more for art and experimentation than practicality, but there are certain situations where constraints exist for very valid reasons (security being a huge one)... It's not impossible, but much harder to, say, pull XSS without a full programming language running.

[Temani Afif]

@lifelongthinker it was a rhetorical question :)

[Michael Hungbo]

This is amazing!