There was a need to make a smooth rotation of the object when scrolling. As a reference, I was given an iPhone XR page ( https://www.apple.com/iphone-xr/ ), where the phone turns the screen to the user.

So far, I have a few ideas on how to do this:

  1. 3D model. Cons: the designer is worried about the lighting.
  2. Frame by frame animation. Cons: you need to render a lot of frames; page loading speed (partially solved by lazy-loaders)
  3. Insert a video or gif animation. Disadvantages: no intermediate states on the scroll.

I ask you to suggest in which direction it is better to dig. I definitely do not know something, but I really would like to know.

Thank!

  • Did not find the rotation of the object on the presented page. Where is it there? - Stepan Kasyanenko

0