Какие нужны стили css для такого закругления кнопки?

Question

[Ratibor]

Здравствуйте не могу сообразить как реализовать такое закругление у кнопки

Дайте совет.

Answer 1

[Wispik]

border-radius

Comments

[Ratibor]

Спасибо большое!

[alexalexes]

Ratibor, если хотите точь-в-точь, то border-radius не хватит.
Нужно либо комбинировать фон кнопки из разных текстур, либо использовать SVG, чтобы нарисовать сложный контур.

Answer 2

[Holyweed]

это border-radius, а величину ему надо писать в процентах
например border-radius: 25%;
тогда он будет скруглять углы относительно ширины и высоты. при использовании px вместо процентов, угол будет скругляться более равномерно.

Answer 3

[Kubakh]

Я бы svg использовал, штатными средствами не обойтись в данном случае

Comments

[Ratenti]

А border radius?

Answer 4

[Bitmap_ru]

Попробуй
border-radius: 10% 10% 10% 10% / 50% 50% 50% 50%

Comments

[Иван Мусинский]

Можно сократить
border-radius: 5% / 50% 50% 50% 50%