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!

https://www.buymeacoffee.com/rembertdesigns

🌎 Let's Connect

Top comments (3)

Collapse
 
jonrandy profile image
Jon Randy 🎖️

Looks more like pool to me. With 2 missing pockets

Collapse
 
rembertdesigns profile image
Richard Rembert

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

Collapse
 
jonrandy profile image
Jon Randy 🎖️ • Edited

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

This is a normal snooker table:
Snooker table