Как сделать подобный «вырез» в блоке?

Question

[Alex]

Хочу сделать прямоугольный блок с "вырезом".
По аналогии как на этом изображении

Comments

[Ankhena]

Нарисуйте в SVG
Или используйте в clip-path.

Альтернатива это радиальные градиенты, но будет проблема со скруглением уколков.

Answer 1

[Олег]

Как вариант, так

Comments

[profesor08]

Углы не скругленные.

[Олег]

profesor08, за пиво скруглю на чистом css

[profesor08]

Олег, вот прям интересно

[Олег]

profesor08, забьем?

[profesor08]

Олег, мне не жалко

[Олег]

profesor08, секс еще тот, но с колена работает ;)

[profesor08]

Олег, мне было бы стыдно такой результат показывать. Крайний вариант это использовать clip-path, но поддержка слабая. Поэтому только svg, работает везде.

Answer 2

[Сергей Зенькович]

Посмотрите здесь https://coderoad.ru/8560640/%D0%92%D1%8B%D0%BF%D1%...

Answer 3

[profesor08]

Тебе надо центральную часть сделать как svg, боковые обычными блоками закрашенными. Потом поверх располагаешь элементы управления.