How to change Page animation delay on a template

[Shanay29 (Shanay Amin)]

Hi Everyone,

We are beginners to this and this is the first site we have done on web flow, We are trying to make the Page animations for Our home page faster upon scroll, Specifically for Our “Our Brands” Section. Any help would be greatly appreciated.

---

https://preview.webflow.com/preview/pivot-apparel-website?utm_medium=preview_link&utm_source=designer&utm_content=pivot-apparel-website&preview=a36bcbbcd63fdade7b1a1fcd75eb1fc8&workflow=preview

[ChrisDrit]

Hi @Shanay29 welcome to the forum.

@Shanay29

We are trying to make the Page animations for Our home page faster upon scroll

I took a quick peek, and using the “Emily Daniels” heading element as an example…

You are using the built-in slider interaction. The only thing you can toggle is the delay to get that interaction start sooner, but that doesn’t adjust the speed of it.

To have more control you need to create a “custom animation” that uses the “move transformation” and then you can get more control over the speed of that.

Hope that helps!

[Shanay29 (Shanay Amin)]

@ChrisDrit

I took a quick peek, and using the “Emily Daniels” heading element as an example…

You are using the built-in slider interaction. The only thing you can toggle is the delay to get that interaction start sooner, but that doesn’t adjust the speed of it.

To have more control you need to create a “custom animation” that uses the “move transformation” and then you can get more control over the speed of that.

Hope that helps!

Hi Chris,

Thanks for your response, yes shortening the delay would be very helpful, Could you please point me to the right direction to change the trigger point ?

Thanks

[ChrisDrit]

Here are some screenshots, and I’d highly recommend going through this: Intro to Interactions | Webflow University