As you scroll through the page, glasses are put on. How to make such an animation?

Question

Animation

How to make an animation of putting on virtual reality glasses. The user rotates the page and gets on the glasses and they seem to be dressing (animating)

I saw it somewhere on the site recently, but I can’t find it in the history.
In which direction to dig? animation and perspective? maybe svg?

Answer 1

The easiest option is to take a series of such photos (from the initial stage to the moment when he put them on), and place the necessary image depending on the position of the scroll bar, taking its move event.

Answer 2

As an option with video.
I think the principle is clear. Chat the wheel up and down;) https://jsfiddle.net/Politonius/ydwvw1gk/1/