Css фигуры, как сделать?

Question

[html-css]

Ткните пожалуйста носом в линк, как такой блок справа присобачить правильно
что бы он был чувствителен к высоте блока, в котором изображение
уже голова не варит нифига

Answer 1

[Денис Инешин]

С помощью clip-path: https://jsfiddle.net/fyv0ezg9/

или с помощью фигур https://html5book.ru/css-figury/

Comments

[html-css]

блин. точно
можно же через before
Спасибо
а то уже заверстался, что ничего понять не могу

[html-css]

нифига оно в процентах не работает

[Денис Инешин]

И действительно. Сорян, тогда можно сделать с помощью clip-path: https://jsfiddle.net/fyv0ezg9/

[html-css]

Денис Инешин, Спасибо

Answer 2

[Арсений Матыцин]

Был бы угол в 90 градусов я бы посоветовал просто повернуть квадрат\прямоугольник. А так, чтобы не иметь проблем с поддержкой и в целом убрать максимально ненужную жопоболь из жизни, рекомендую обратится к полилайну в svg.