Задать вопрос

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

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

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

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

Похожие вопросы