-1

I'm trying to create a curve shape in CSS but I'm not able to do it. I've attached some examples of the kind of shapes I want to create.

Example 1 Example 2

doğukan
  • 23,073
  • 13
  • 57
  • 69
Rushi
  • 23
  • 7
  • 1
    Show what you have tried as a [mcve], along with any research you have done. SO is a terrible tutorial site. Related: https://stackoverflow.com/q/10025627/1531971 –  Jan 24 '19 at 18:15

1 Answers1

0

With border-radius you can make your elements have some shape/curves. The higher the border-radius the more curvature you will have. You can also give multiple values for different sides.

#example1 {
  border: 2px solid red;
  border-radius: 25px;
}

#example2 {
  border: 2px solid red;
  border-radius: 50px 20px;
}

Read in more detail here: https://www.w3schools.com/cssref/css3_pr_border-radius.asp

Tygo
  • 196
  • 3
  • 29