Trigger svg animation on scroll into view

Design help Animations & Interactions
1

Hi!

I am creating a landing page that should contain several animated svg graphics. I want the svg animation to start only when you scroll into the view. Whats the best way to achieve this?

https://preview.webflow.com/preview/trial-study?utm_medium=preview_link&utm_source=designer&utm_content=trial-study&preview=39e490f52d9382fe08bcdcf68e92adee&workflow=preview

2

Hi Damian,

Simply set a scroll into view interaction on the section in which the SVG and set the keyframe on at what point it should animate