ManuC12 Posted July 29, 2021 Share Posted July 29, 2021 Hi, I have a element that go from left to right, with a bounce ease, so when it hit the right it has the bounce, but when the scroll is in reverse the element first bounce and then move ( as I already expected since it's reverse ), I want the direction to be reversed but that the bounce keep happening just at the end, any idea of how to get that?, here is my codepen See the Pen poPLQoQ by ManuC12 (@ManuC12) on CodePen Link to comment Share on other sites More sharing options...
Cassie Posted July 29, 2021 Share Posted July 29, 2021 Hey there Manu, these threads might help! https://greensock.com/forums/topic/11702-reverse-elastic-ease-in-no-ease-reverse/ https://greensock.com/forums/topic/9229-how-to-apply-different-easing-of-animation-normal-and-reverse/ https://greensock.com/forums/topic/8040-change-easing-for-timeline-reverse/ 1 Link to comment Share on other sites More sharing options...
Solution GreenSock Posted July 29, 2021 Solution Share Posted July 29, 2021 This is what I'd do: See the Pen NWjYQox?editors=0010 by GreenSock (@GreenSock) on CodePen I like pressing a reusable function into service for things like this. That way, you can leverage it in as many ScrollTriggers as you want. 2 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