a.joshi84 Posted January 8, 2021 Share Posted January 8, 2021 Hello Everyone, Can anyone help me how to make animation of image which move on page scroll like below URL https://www.zenefits.com/ If you check when page load there is image on right which move on different location when page is scroll. If any reference or help is there to learn this kind of animation it will be big help. Thanks, AJ Link to comment Share on other sites More sharing options...
Dipscom Posted January 8, 2021 Share Posted January 8, 2021 Hello a.joshi84, Welcome to the forums! What you are asking is no small feat. It's not particularly difficult but it does require a good deal of planning and orquestration. The way that animation was created is a series of several different smaller animations all being played one after the other as the page is scolled. The only hard thing is making sure your animation is setup correctly so that all the different elements land exactly where they are supposed else the illusion is broken (In the case of the link you sent, there's a point in the animation where the lady's avatar does not quite land where it needs to and jumps from one place to another). My suggestion to you is to create two or three separate animations as a test in isolation. Then, copy them over to another test where you orchestrate them together with ScrollTrigger. 4 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now