Trigger svg animation?

Question

JavaScript

Please tell me, there is a simple svg animation, you need it to work when the arrow is in the field of view of the monitor screen. Now it just works when loading https://codepen.io/brezze/pen/NogQOG

Answer 1

You hook on the scroll event, calculate which element hit the screen and start the animation of this element.
The animation will start from js, something like this:
Docks:
https://developer.mozilla.org/en-US/docs/Web/API/S...
With scrolling, I think Google already has enough copy-paste, and even here enough for the toaster.