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

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

Мой код Fiddle
У меня сейчас анимация идет в обратном направлении
Подскажите, возможно ли на css сделать так же как в примере, без скролла (в примере стрелка появляется при скролле)
т.е статическая анимация
Заранее спасибо
  • Вопрос задан
  • 118 просмотров
Решения вопроса 1
@lagudal
А почему stroke-dashoffset: -500; не устраивает?
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
В данном случае чистым цсс не обойтись. Нужно сохранить исходник свг и сменить направление рисования в редакторе (Illustrator, например). Или воспользоваться инструментом reverse path – это же и подсказка, что искать в поисковиках.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы