@NewUser4242

Как анимировать SVG-линию?

Есть такая SVG. Пытаюсь сделать прорисовку при наведении.
Но обычно при анимации SVG используют "тире", а тут это не работает. Может кто подскажет как сделать?
spoiler
<svg  width="21" height="162" viewBox="0 0 21 162" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <line x1="10.5" y1="12" x2="10.5" y2="159" stroke="#D2D7E1" stroke-width="2" stroke-linecap="round"
                                  stroke-dasharray="5 8"/>
                            <path d="M20 150L10.5 160.5L1.5 150" stroke="#D2D7E1" stroke-width="2" stroke-linecap="round"
                                  stroke-linejoin="round"/>
                            <circle cx="10" cy="6.5" r="5.5" transform="rotate(90 10 6.5)" stroke="#D2D7E1" stroke-width="2"/>
                        </svg>
  • Вопрос задан
  • 95 просмотров
Пригласить эксперта
Ответы на вопрос 1
@lagudal
не совсем понятно, как именно хотите анимировать, может быть так - работает по hover области svg
Ответ написан
Ваш ответ на вопрос

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

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