Зажиг повернут изображение, чтобы фактически использовать пространство с CSS [закрыто] ⇐ CSS

[Anonymous]

Когда я поворачиваю изображение, он использует меньше места, чем не трансформировано. Как я могу сделать размер контейнера «клип» для нового преобразованного размера изображения?

Код: Выделить всё

figure {
display: inline-block;
margin: 0;

&.screenshot {
perspective: 100vw;

img {
transform: rotateX(40deg);
width: 75%;
}
}
}

иллюстрация: пустое пространство вокруг преобразованного изображения (заполнителя)


Подробнее здесь: https://stackoverflow.com/questions/797 ... e-with-css