Can I load the animation only the first time it's visible about motion HOT 2 CLOSED

@Tahul I had the same question. I think the desired behavior requested by @Jonathanqjs is "trigger the :visible variant only the first time an element enters the viewport", rather than the default behavior which seems to rewind the animation and replay it each time the element re-enters the viewport.

from motion.

Could you add a little bit more context to that question?

You can do what the title asks by adding a onComplete listener and creating a ref tracking it combined with an intersection observer maybe?

Using :visible should do the trick though.

I'm closing this, feel free to re-open if you have any more questions.

from motion.