Jump to content


How can I make this animation effect?

Recommended Posts

Hey Guys,

could you open this link? https://travelshift.com/trip/iceland

you will find Elastic animation effect between elements while dragging.

I'll make this as a slider with Swiper.js, but I need to know how to make this Elastic Effect.

Thanks So Much

Link to comment
Share on other sites

I'm not seeing any elastic effect. Can you please be more specific?

Link to comment
Share on other sites

That effect is created by scrubbing element's position to a target over time. Exactly how you can do so depends on your setup. I created the same sort of effect with different speed options on scroll in this demo which might be helpful:

See the Pen wvMeNee by GreenSock (@GreenSock) on CodePen

  • Like 3
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.