Как разумнее такое реализовать? По идеи полоски и синие точки должны крутиться в разные стороны, с keyframes верстать?
1. Рисуете все эти дуги, точки и иконки в SVG.
2. Дуги и точки анимируете с помощью
transform:rotate и
keyframes (поворот от 0 до 1turn, в этом нет ничего сильно замороченного, но оставлю
пример для изучения), каждой ставите свое время полного оборота по вкусу.
3. Иконки винды, ведра и айоси подвергаете извороту "туда-обратно" (как в
этом примере). Обертку крутите в одну сторону, а иконку в другую - будет выглядеть, как будто они летают по кругу.
