Как сделать такой вырез у блока?

Question

[notequal21]

Как можно сделать такой вырез у блока ?

Answer 1

[Александр]

Например при помощи clip-path.

Comments

[notequal21]

А закруглить углы как-то можно ?

[Александр]

notequal21, Можете clip-path рассчитать при помощи JS: cos + sin, после его просто в нужный формат собрать и установить для блоков. Либо заранее посчитать все и записать сразу в CSS.

[Semantic.Moscow]

notequal21, можно добавить свойство round к clip-path

[notequal21]

Semantic.Moscow, Оно ведь, только для inset действует

[notequal21]

Александр, Можете подробнее рассказать, как это сделать ?

[Semantic.Moscow]

notequal21, да, точно. это я загнался.

тогда нужен svg или :before{content:''...

[notequal21]

Semantic.Moscow, Бывает) Все равно спасибо
Пока сделал через svg, но хочу потом переделать

[Semantic.Moscow]

notequal21, я вот подумал, что можно (наверное) извернуться и придумать такой хитрый border составной - в нём свойств хватит с запасом