Как создать форму кривой в CSS

Question

Я пытаюсь создать форму кривой в CSS, но я не могу это сделать. Я приложил несколько примеров тех форм, которые я хочу создать.

https://stackru.com/image s/c143ddec73ecc814065df6f9b90e43678209cb82.png https://stackru.com/image s/b97a4250b627820e2d594172f946722a72a190be.png

Answer 1

С помощью border-radius вы можете придать элементам форму / кривые. Чем выше радиус границы, тем больше кривизна у вас будет. Вы также можете указать несколько значений для разных сторон.

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

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

Подробнее читайте здесь: http://%20https://www.w3schools.com/cssref/css3_pr_border-radius.asp