Как добиться подобной трансформации?

Question

[ivankalita]

Собстенно то всё просто, экспериментирую с трансформациями и что-то не могу понять, как добиться эффекта перспективы с вращением элемента (синий прямоугольник) вдоль оси Y

Пробовал rotateY совместно со transform-origin, дабы добиться выноса точки трансформации на/за границу элемента (эффект "открывания двери") но, что-то особо ничего не меняется, может вы чем, товарищи, подскажите?)

Comments

[Rustam Bainazarov]

Свойство perspective.

https://codepen.io/room_js/pen/KGBKPx

Answer 1

[Рома Зварич]

Как добиться подобной трансформации?

С помощью свойства transform
1) Устанавливаете перспективу
2) Поворачиваете элемент вкруг оси Y

Результат:
https://codepen.io/hisbvdis/pen/OJLKmrv

Comments

[ivankalita]

Рома Зварич, спасибо большое за помощь, ночью всё-таки получилось прийти к такому же решению))

Answer 2

[strelok011]

https://3dtransforms.desandro.com

Comments

[ivankalita]

strelok011, спасибо большое за помощь, ночью всё-таки получилось прийти к такому же решению))