How to trigger animation only when element is in view?

I have an animated button at the bottom of the page. By the time I reach the bottom, the animation is over… How do I trigger the animation only when element is in view?

Hey @raelyn :slight_smile:
One way to implement this is to add the animation to a state and condition that state with the position of the element in the viewport. I will make a video about that, dropping this week!

1 Like

Hurray!

Hey @raelyn !
Thank you for the patience: 3 new mini-courses about animations!

The third one, “Appear transition”, is about playing an animation when an element scrolls into view. Please do tell me if it fits your need, I can’t make other down the line :slight_smile: