Как аниамировать svg stroke-dashoffset?

Question

[Иван Симонов]

Здравствуйте
Увидел на сайте анимацию появления svg стрелки

Мой код Fiddle
У меня сейчас анимация идет в обратном направлении
Подскажите, возможно ли на css сделать так же как в примере, без скролла (в примере стрелка появляется при скролле)
т.е статическая анимация
Заранее спасибо

Answer 1

[lagudal]

А почему stroke-dashoffset: -500; не устраивает?

Comments

[Иван Симонов]

Благодарю.

Answer 2

[Антон Усачев]

В данном случае чистым цсс не обойтись. Нужно сохранить исходник свг и сменить направление рисования в редакторе (Illustrator, например). Или воспользоваться инструментом reverse path – это же и подсказка, что искать в поисковиках.