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

Question

[tester]

Может быть у css есть свойство(transform), которое сможет сделать такой блок?

Comments

[Ankhena]

Трансформом это делать неудобно, придется 2 раза поворачивать.

Вариантов решений несколько:

1. Наложением белого треугольника.
Треугольник делается
1.1. градиентом
1.2. бордерами
1.3. svg

2. clip-path

Answer 1

[Максим]

Answer 2

[Lord_Dantes]

Так как не видно картинку полностью, скажу что это можно сделать через transform : scale или через clip-path как пользоваться свойствами - гуглите.

Answer 3

[Стас Хитрич]

Это можно сделать псевдоэлементом.
Border transparent, border-right и border-bottom white. И растянуть его по ширине и на нужную высоту.
Вот документация по подобному: тык

Answer 4

[Антон]

.item img {
clip-path: polygon(0 0, 0 80%, 100% 75%, 100% 0);
}