CSS can get a DIV into this shape-CodePudding

CodePudding user response:

Border - the radius?

CodePudding user response:

Border - the radius: 45%;

CodePudding user response:

The rounded
Border - the radius: 15 px;
Or
Border - the radius: 50%;
Detailed data changed,
I don't know must not accurate

CodePudding user response:

reference 1st floor Namefhf response:

border - the radius?

Not a normal rounded corners

CodePudding user response:

refer to the second floor sky waves reply:

border - the radius: 45%;

Not a normal rounded corners

CodePudding user response:

The

reference 3 floor Zakke response:

rounded corners?
Border - the radius: 15 px;
Or
Border - the radius: 50%;
Detailed data changed,
I don't know must not accurate

Not a normal rounded corners

CodePudding user response:

reference weekends, 4/f, writing bug reply:

Quote: refer to 1st floor Namefhf response:

Border - the radius?

Not ordinary round

Then CSS do not so good, to paint it with the curve of the canvas and SVG,

CodePudding user response:

As half of designers and half of the programmer's I

, responsible, said this was no ordinary rounded corners, this seems to be made with horns curve rounded corners, is a little special,

CodePudding user response:

ha ha ha ha ha ha ha ha

CodePudding user response:

You can! Border - the radius: 50% are round, set up fifty percent, each have a try! Have you want! If not yet converted directly set up the rounded px!

CodePudding user response:

Using bezier curves have a try

CodePudding user response:

Use canvas to make, after all, this is no ordinary round

CodePudding user response:

HTML + CSS can make laborious, but very ah

CodePudding user response:

Draw up the function graph use js
Or, to generate the mapping points x and y, with CSS dotted out one by one

CodePudding user response:

Border - the radius, with rounded corners

CodePudding user response:

With canvas CSS do not well