Skip to content
All effectsSpinner

Orbit Pair

Two dots on one circle, a third of a turn apart. A negative delay is what sets the offset without a second keyframe set.

Pure CSSSpinnerPro

Usage

Meant for

SpinnerAgent Lane

Examples

On a Card

Two dots on one circle, offset by a negative animation-delay rather than by a second set of keyframes. --wm-orbit is the radius, expressed the way transform-origin takes it: half the loader's height over the dot's — 20px / 10px = 200% here.

Planning the next stepResearch agent · step 3 of 5

The class is wm wm-orbit-pair — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.