How to make a css animation?

Question

How to make a css animation?

There is a website: https://brokerai.net/
In the How it works section there is a diagram with animation, moving point. How is this animation? I would be grateful for links to guides or similar for a simple example. In what direction to dig?

Henry.Gorcza asked June 8th 19 at 16:55

Related questions

More answers about "How to make a css animation?"

1 answer

devin58 answered on · Accepted Answer · 2019-06-08T16:57:16.914Z

devin58 answered on June 8th 19 at 16:57

Solution

With pure CSS to do this for too long. It is easier to take a bunch of SVG+JS. Draw for each point path - the path on which it moves, and then moving it in JS that way. There are many ready-made solutions, for example here's a simple demo in pure JS, and libraries like anime.js there is such a function.