Setting --i per element and using calc() for animation-delay is a neat way to avoid writing 15 separate rules. One tip: wrap the animation in a prefers-reduced-motion check so people who are sensitive to motion get a static or slower version. Did you try changing the dot count by only editing the rotate angle and the --i values, or does it need other tweaks?
Ethan Moore
Setting --i per element and using calc() for animation-delay is a neat way to avoid writing 15 separate rules. One tip: wrap the animation in a prefers-reduced-motion check so people who are sensitive to motion get a static or slower version. Did you try changing the dot count by only editing the rotate angle and the --i values, or does it need other tweaks?