Overview
A primary button drawn from the HorizonX size scale, with a conic gradient turning behind its edge and a star field drifting across its face. The ring is animated through a registered custom property, so the gradient turns without the button moving and nothing has to be clipped away to contain it. Every length is a ratio of the control height, so the same file works as a small control and as a hero.
Highlights
- No runtime — markup and one stylesheet
- Animated ring via a registered @property
- Scales from control to hero by one custom property
- Reduced-motion fallback
