Как сделать нестандартную фигуру css

Question

Ребят, голову уже сломал об это, помогите пожалуйста.
Как сделать вот такую фигуру в css?

Её особенность в том, что у неё какие-то необычные бока. border-radius углов как я посчитал равен 5px(но я могу где-то ошибаться), но этот бордер радиус не помогает сделать мне левый и правый бок более круглым

Answer 1

Может вам это как-то поможет

div{
  width: 302px;
  height: 98px;
  background-color: red;
  border-bottom-left-radius: 3% 50%;
  border-bottom-right-radius: 3% 50%;
  border-top-left-radius: 3% 50%;
  border-top-right-radius: 3% 50%;
}

<div>
</div>

БЛОГ НА HUSL

Как сделать нестандартную фигуру css

Ответы (1 шт):