Now that we created a dice and a pyramid in CSS, let's move on to a complex shape: The cylinder.
We have to mimic the cylinder because we don't have a CSS native box for round objects.
In my case, I'll be adding a lot of side panels that we skew next...

Hashnode is a community-driven platform for developers to share knowledge, ask questions, and connect with peers in the tech industry. Developers can learn about new technologies, programming languages, and software development methodologies, engaging in discussions, and networking with fellow developers to expand their knowledge and grow their careers in tech.

Hashnode

We have to mimic the cylinder because we don't have a CSS native box for round objects. In my case, I'll be adding a lot of side panels that we skew next to each other. This will mimic the 3D effect we are looking for. The result for today will be this excellent-looking cylinder shape.

Creating a 3D Cylinder shape in CSS