Orbiting Circles
Store
Orbiting Circles Icons circling on two rings
Two rings of round icon chips circle a shared center on a dark panel. The rings run independently, so they can move at different speeds and in opposite directions. The animation is plain CSS and needs no script running on every frame.
Preview
Features
What it does
- Each ring's icons, picked from 12 built-in ones: file, settings, search, star, heart, bell, mail, globe, user, code, zap and shield. Chips spread out evenly however many you add.
- Each ring's radius, chip size, direction, and whether its path line shows.
- Each ring's time for one lap, from 5 to 60 seconds. The control is called Speed, and a higher number is slower.
- Path, chip background, chip border, icon and panel colors.
References
References Where to see it, and what it's built on.
Keep going
