Как задать stroke-dasharray/offset - для сложных svg-элементов?
Хочу сделать анимацию - есть кнопка, по бокам от неё стрелки, которые изначально скрыты. При наведении на кнопку, стрелки красиво отрисовываются через stroke-dash-array/offset(юзаю Gsap)
Но почему-то эти свойства НИКАК не влияют на мои стрелки, совсем
Я почитал про это, и как я понял, если структура svg-элемента сложная, то такие свойства для него не будут работать. А для простых circle/line/polyline и тд - работать будет
Можно это как то обойти и задать эти свойства для более сложных элементов?
Ссылка на анимацию со стрелками: https://codepen.io/Vegan-AK/pen/MWdgabP
*пока сделал анимашку через scale, но выглядит так себе, через svg-свойства красивее
А что сделать надо?
Как анимация должна проявится?
dasharray и dashoffset это проявление границ фигуры но не самой фигуры...