DEV Community

Richard Rembert
Richard Rembert

Posted on

Snooker Table | Pure CSS

In today’s tutorial, I finished creating a Snooker Table (different than a Pool & Billiards Table with CSS. This is a Snooker Table using keyframes to move the stick, hit the balls & have them go to multiple pockets. Though this is just a fun tutorial, you can practice CSS art to improve your CSS skills. CSS art has been a fun way for me to learn new properties and improve my CSS skills. I have a bunch of CSS art tutorials that are Batman inspired. You can check them out here.

For this tutorial, all we need is some basic HTML and CSS.

If you liked this post, make sure to follow me on Twitter where I post daily about Tech related things!

🌎 Let's Connect

Discussion (3)

jonrandy profile image
Jon Randy

Looks more like pool to me. With 2 missing pockets

rembertdesigns profile image
Richard Rembert Author

Snooker table has 4 pockets on a table, pool has 6.

jonrandy profile image
Jon Randy • Edited on

Err... not sure what kind of snooker you're playing...

This is a normal snooker table:
Snooker table