Как сделать такую анимацию без сторонних библиотек?

Question

[stan288]

Как делать такую ​​анимацию открытия/закрытия на js? Пробовал css scale + translate, получается фигня какая-то. Пробовал requestAnimationFrame и изменение позиции относительно родительского класса, получилось еще хуже. CSS keyframes, вероятно, вообще не об этом. Подскажите пожалуйста, в какую сторону смотреть, с какими настройками можно поиграться? Хочу сделать такую ​​анимацию или близкую к такой без сторонних библиотек

Comments

[godsplane]

skew + transform 3d

[Александр]

DevTools → More tools → Animations
или
DevTools → Ctrl + Shift + P → Show Animations

[Вадим]

А почему keyframes не об этом?