@vasIvas

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

В проекте есть один компонент, который сделан на svg, сложная маска. И вот мне нужно чтобы эта маска ездила за курсором по горизонтали. Просто изменить координаты у меня получилось, но выглядит это ужасно. Решение одно, анимировать движение. Я знаю о нескольких библиотеках, как для облегчения работы, так и просто анимация, но использовать их не хочу. Не хочется из-за одного элемента тащить библиотеку. По этому вопрос - можно как-то из жс управлять анимацией svg?
  • Вопрос задан
  • 384 просмотра
Пригласить эксперта
Ответы на вопрос 1
Piocan-Alex
@Piocan-Alex
Прокачался до рейдера и дредноута в EVE
Обычный transition должен заработать, если меняются параметры подвластные CSS (Top, Bottom, Left, Right, Padding, Margin и т.д.)
<svg style="transition: all .8s;"><path></path></svg>

Только позиция SVG должна меняться.
Ответ написан
Ваш ответ на вопрос

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

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