EasyasPi EasyasPi - 1 year ago 36
CSS Question

CSS3 - How do I create a circular border-radius on a rectangle?

I have a div. It scales responsively, using percentages. I would like to have the edges be circular.

I know how to make rounded corners. I would like to make it shaped like this (don't care about color).

this rounded corner

I'd really like to avoid JavaScript if possible, but if it is the only way, so be it.


Add a border-radius: 50px property to the css.