CODEWITHSUNDEEP
htmlcss
Александр
Александр

Reputation: 131

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?

Upvotes: 2

Views: 1311

Answers (1)

G-Cyrillus
G-Cyrillus

Reputation: 105853

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

html {
  background:#023C5C;
}

div {
  text-align:center;
  background:#007EAA;
  min-height:200px;
  border-radius: 400px 70px 0 0 / 100px 10px 0 0;
  width:500px
}
<div></div>

Upvotes: 7

Related Questions