Jump to content
Search Community

Image animation like zenefits

a.joshi84 test
Moderator Tag

Recommended Posts

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

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.

 

 

  • Like 4
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...