Как разобрать анимацию JS?

Question

[be_a_man]

https://antoni.de/cases/ — при клике на кейс увеличивается во весь экран. Обычно анимация Width и Heigth глючная, как разобрать какие параметры они анимируют у них все плавно. Нужно реализовать подобный эффект для изображений как книжной так и альбомной ориентации

Answer 1

[profesor08]

Ну там воспроизводится видео, самое обыкновенное, но когда дело касается плавных анимаций, то в работу включается webgl и какие-то шейдеры. В этот момент кадры из видео начинают рендериться на canvas, который во всю ширину, и кадры из видео, постепенно заполняют весь размер.

Так что, анимируй width и height, либо background-size, либо transform: scale, либо придумай что-то свое аналогично простенькое.