Как сделать alternate анимацию в svg?
Ссылка скопирована
Подскажите, как у svg сделать alternate анимацию ? нужно чтобы когда анимация заканчивалась, плавно начинала двигаться в противоположном направлении ?
https://codepen.io/breeze8/pen/PoLmWZz
Дополнительно:
Ответы:
В value у вас есть 1ый path ,2ой path ,3й path и теперь после третьего состояния допишите в обратном порядке 3, 2, 1
Нужно решить такую задачу?
Заказать помощь
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Лучший ответ
1
Виктор Sys
Ответ
Другие ответы (0)
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопроскомментарий
Вам также может быть интересно
VPN
Как правильно настроить vless для Android TV?
1 ответ
Pyrogram
Как правильно зарегистрировать юзер бота в Telegram?
1 ответ
печатные-платы
Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro?
1 ответ
VPN
Почему подключение через VPN работает только на wi-fi, а через кабель нет, где ошибка?
1 ответ
Для создания альтернативной анимации в SVG, вы можете использовать атрибуты `begin` и `dur` в элементе ``. Эти атрибуты позволяют вам задать время начала и продолжительность анимации.
Вот пример использования атрибутов `begin` и `dur` для создания альтернативной анимации в SVG:
```html
```
В этом примере у нас есть круг, который уменьшается в размере с 40 до 10 за 2 секунды. Также у нас есть анимация изменения цвета круга с красного на синий, а затем на зеленый за 2 секунды, начиная с 2-й секунды.
Вы можете настраивать продолжительность, начало и другие параметры анимации, чтобы создать интересные и уникальные анимации в SVG. Надеюсь, это поможет вам создать желаемую альтернативную анимацию в SVG!