How to animate svg stroke-dashoffset?

Question

css

Hello
I saw on the site the animation of the appearance of the svg arrow My Fiddle
code I now have the animation going in the opposite direction Tell me if it is possible to do the css in the same way as in the example, without scrolling (in the example the arrow appears when scrolling) i.e. static animation Thank you in advance

Answer 1

And why stroke-dashoffset: -500; not satisfied?

Answer 2

In this case, pure CSS is indispensable. You need to save the svg source and change the drawing direction in the editor (Illustrator, for example). Or use the reverse path tool - this is also a clue what to look for in search engines.