How can I slow down the animation speed?

Design help Animations & Interactions
1

I’ve created a sticky scroll animation for the section following the hero, but the animation speed feels too fast and barely readable, and the timeline in the interactions tab is already at 100% utilization. How can I slow it down? Any help would be greatly appreciated!

Here is my public share link: Webflow - CoTreat

Here is the live link: https://co-treat.webflow.io/

1 Like
2

Hi @ayaanahmed,

You can first change uui-section_heroheader11-sticky to relative since it’s gonna serve as the parent while uui-page-padding as sticky.

  • Remove the interactions on uui-page-padding
  • On uui-section_heroheader11-sticky set animation boundaries of start animation to is fully visible while end animation to is fully invisible with an offset of 35%+.

That should slow down your animation. :+1:

1 Like
4

@ianmuico Thank you so much for this!