Как сделать такие вырезы на css?

Question

[someserj]

блок может тянуться в высоту, фон под ним неоднородный

Answer 1

[lukoie]

вот тут найдете код, который приведет Вас к успеху:
codepen.io/refactorized/pen/DyLJI
а тут вообще анатомия что куда и как: victoriacodes.com/anatomy-of-a-pure-css-ribbon-ban...

Comments

[someserj]

увы, если текст в 2 строки, то не работает

[lukoie]

someserj: а шо height:auto говорит?

[someserj]

lukoie: к какому элементу?

[lukoie]

someserj: смотрите вот этот: codepen.io/jahdaic/pen/KELxa

Answer 2

[igumenov]

Через :before и :after делаем треугольники и накладываем поверх прямоугольника

Answer 3

[ukoHka]

https://jsfiddle.net/0bz72f2f/
Вариант с подсчетом высоты границы, вместо угла для искажения