How to animate an image along a path?

Question

css

There is a slider: It is necessary that before changing the slide (on the first and second) the icon runs the path along the given trajectory for no more than 0.5 seconds
. That is, there will be a delay literally before changing the slide. How to implement it?

Answer 1

Make it absolute, set the coordinates for each stage in keyframes, set the animation time to
4.5s The second option is to animate the entire trajectory through svg, the essence is the same, but instead of frames, immediately knit on js

Answer 2

https://css-tricks.com/guide-svg-animations-smil/