D
D
Denis Bukreev2016-12-12 05:50:19
HTML
Denis Bukreev, 2016-12-12 05:50:19

A complexly animated element in an HTML banner - how to implement it?

Good day.
A fairly simple task - to animate circles and lines against the background of devices, some kind of interaction - everything is simple.
Everything is simple, except for one.
cbb665d785074e72941309871351cabc.png
These winding lines should not just stupidly change position, they should crawl like snakes.
But Edge Animate does not allow you to draw vectors, let alone give them such animation.
How to get out of this situation and solve the problem?

Answer the question

In order to leave comments, you need to log in

5 answer(s)
S
Shaidulint, 2016-12-12
@Shaidulint

The ideal option is to make a gif.
Another option, more difficult - to make SVG.

R
Rafael™, 2016-12-12
@maxminimus

svg-sprite-animation

D
Dyatchin Dmitry, 2016-12-12
@DimZ

can be done in Adobe Animate CC https://www.adobe.com/ru/products/animate.html

_
_ _, 2016-12-12
@AMar4enko

You can cut the half-cycle of this snake in png and animate the background-position, and animate the rounded tip with the second animation.

R
rinatoptimus, 2016-12-13
@rinatoptimus

Maybe it will help: cssdeck.com/labs/snake

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question