How to create shapes in CSS

I want to learn how to create some different shapes in CSS. As a web developer, I would like to use different shapes to create my website’s UI.
Shapes like circles, triangles, and etc.
I already know how to create squares and rectangles, but don’t know how to create circles in CSS.

Finally, after 2 days of research, Now learned how to create circles, triangles, and many other shapes as well. I thought it would be helpful to share with others so I created a post on this topic and posted it on my blog. Here is the link to that post How to create shapes in CSS.
Hope it will be helpful for anyone looking for How to create shapes in CSS?

Nice one! I didn’t know about that triangle trick.

If you’re building more complex stuff with geometric shapes, you might be better off using SVG though.

A free service run by Zed A. Shaw for