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

Как задать stroke-dasharray/offset — для сложных svg-элементов?

Хочу сделать анимацию - есть кнопка, по бокам от неё стрелки, которые изначально скрыты. При наведении на кнопку, стрелки красиво отрисовываются через stroke-dash-array/offset(юзаю Gsap)
Но почему-то эти свойства НИКАК не влияют на мои стрелки, совсем

Я почитал про это, и как я понял, если структура svg-элемента сложная, то такие свойства для него не будут работать. А для простых circle/line/polyline и тд - работать будет

Можно это как то обойти и задать эти свойства для более сложных элементов?
Ссылка на анимацию со стрелками: https://codepen.io/Vegan-AK/pen/MWdgabP
*пока сделал анимашку через scale, но выглядит так себе, через svg-свойства красивее
  • Вопрос задан
  • 35 просмотров
Подписаться 1 Простой 3 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
18 дек. 2024, в 12:37
10000 руб./за проект
18 дек. 2024, в 12:22
5000 руб./за проект
18 дек. 2024, в 11:57
500 руб./в час