Как сделать такую анимацию css?

Question

[Иван Ерохин]

Есть такой сайт: https://brokerai.net/
В разделе How it works есть схема с анимацией, двигаются точки. Как делается такая анимация? Буду благодарен за ссылки на гайды или за похожий более простой пример. В какую сторону копать?

Answer 1

[Ivan Bogachev]

На чистом CSS такое делать слишком долго. Проще взять связку SVG+JS. Рисуете для каждой точки path - путь, по которому она двигается, а затем на JS ее двигаете по этому пути. Есть много готовых решений, например вот простое демо на чистом JS, да и в библиотеках вроде anime.js есть такая функция.