Community forum for knowledge and support

Updated 12 months ago

Managing Animations in Webflow Projects

At a glance

The community member is looking for tips on managing animations in their Webflow project, specifically how to implement a "move into view on scroll" animation for their H2 elements. They are unsure whether to create a new animation trigger and custom class for each H2, or if there is a more efficient way to apply the same animation to all H2 elements. In the comments, another community member suggests that the user can simply click on the "move into view" option for each H2 and select the same animation, without needing to create separate animations for each one. They also recommend watching Webflow animation tutorials on YouTube to better understand the process.

Hey everyone,

I am looking for some tips on how to manage animations in my webflow project.

I am trying to implement something straightforward like move into view on scroll. Let's say I want to use a similar animation on my H2 elements. How do you go on? Do you create a new animation trigger, select a class element, then create a custom class that you add on all the H2 you want to be affected? Or do you create a new animation for each H2 on the site? Seems like the js file would explode.

M
1 comment

I understand what you mean. If you want a similar animation for all your H2 elements, you don't need to create separate animations for each of them. Simply click on 'move into view' for each one and select the same animation.

You should also watch some tutorials on webfow animation on YouTube, you will understand better that way

Add a reply
Sign up and join the conversation on Slack