Does anyone have any insight on how they pull off the scroll based animations on the new iPhone XS landing page?
My coworker found ScrollMagic which seems to do the trick.
Any other ideas?
For further actions, you may consider blocking this person and/or reporting abuse
Dino Dujmovic -
UgbabeOG -
lily-099 -
dev.to staff -
Once suspended, jackharner will not be able to comment or publish posts until their suspension is removed.
Once unsuspended, jackharner will be able to comment and publish posts again.
Once unpublished, all posts by jackharner will become hidden and only accessible to themselves.
If jackharner is not suspended, they can still re-publish their posts from their dashboard.
Once unpublished, this post will become invisible to the public and only accessible to Jack Harner 🚀.
They can still re-publish the post if they are not suspended.
Thanks for keeping DEV Community safe. Here is what you can do to flag jackharner:
Unflagging jackharner will restore default visibility to their posts.
Top comments (4)
I didn't dive to the code at this point however I remember that in the past they did use a video for 3D animations. And scrolling was just playing the video timeline forward and backward.
A quick peek through the inspector yesterday showed me that they (for the part in the gif) had all three phones as three different elements that were getting moved around.
Binding positions to scroll-offsets, using text, videos and transparent images mostly.
The real challenge is not the how, but the what. Web/Motion-Designers, developers, marketing need to work closely together for a good result. Apple is obviously good at this.
I need help with one of the animations I saw on iPhone XS landing page. Can someone please help on how to achieve a similar animation?
Reference : I have uploaded the video on Google Drive, Link: video-link