Сложно анимируемый элемент в HTML-баннере — как реализовать?

Доброго дня.
Довольно простенькая задача - анимировать на фоне устройств круги и линии, какое-то взаимодействие - все просто.
Все просто, кроме одного.
cbb665d785074e72941309871351cabc.png
Вот эти извилистые линии должны не просто тупо изменять позицию, они должны ползти как змеи.
Но Edge Animate не дает возможности рисовать вектора и уж тем более давать им подобную анимацию.

Как выйти из такого положения и решить задачу?
  • Вопрос задан
  • 302 просмотра
Пригласить эксперта
Ответы на вопрос 4
@Shaidulint
Идеальный вариант - сделать гифку.
Другой вариант, посложнее - сделать SVG.
Ответ написан
Комментировать
DimZ
@DimZ
keep calm and do banner
может быть сделать в Adobe Animate CC https://www.adobe.com/ru/products/animate.html
Ответ написан
AMar4enko
@AMar4enko
Можно вырезать полупериод этой змеи в png и анимировать background-position, а второй анимацией анимировать закругленный кончик.
Ответ написан
@rinatoptimus
Ваш ответ на вопрос

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

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