EasyasPi EasyasPi - 5 months ago 8
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.

NTL NTL
Answer

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