Scroll into view Reversing

[designme (Marc E)]

Hello Webflow Friends,

i want to make a scroll animation where one section vanishes and the next one appears. Kinda a CSS Scroll Snap Animation. The problem with Scroll Snap is i can’t change the easing to make the animation smoother, thats why I am looking for an alternative

I made a scroll into view animation. You can view it in my shared project (but you need to restart preview mode). The problem is i can’t make it happen to scroll back up so the animation reverses. Any ideas?

Thanks in advance

---

Here is my public share link: Webflow - Burak Cücü Redesign

[zafremedia]

Hello,
It’s very easy.
According to this picture, Webflow has designed two states for this animation:
The first state is ‘scroll into view,’ which occurs when the element enters the viewport.
The second state is ‘scroll out of view,’ which happens when the element has passed out of the viewport, and you can consider the reverse animation for this state.