Александр Александр - 2 years ago 244
CSS Question

How to set smooth border-radius more than 50%

I have a problem with border radius.

i need set border radius such as this

enter image description here

Css border radius such as

border-top-right-radius: 46%;
border-top-left-radius: 21%;

give me bad result. Is it any way to make smooth radius?

Answer Source

you may cut off your borders with 2 values for each corners, you can also use pixel units

html {

div {
  border-radius: 400px 70px 0 0 / 100px 10px 0 0;

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download