Overview
A three-way segmented control on a frosted glass slab: a 6% white surface with a 12px backdrop blur and a three-layer bevel, and a glider that spans exactly one third of the track and slides between the silver, gold and platinum tones on an overshooting curve. It is a real radio group — the inputs stay in the accessibility tree and keep keyboard focus, so arrow keys and Tab work — and it renders with no JavaScript at all. Stage, glass, typography, every tone gradient and its halo, travel duration and overshoot are all editable.
Highlights
- No runtime — markup and one stylesheet
- Real radio inputs: keyboard and screen-reader accessible
- Editable tone gradients, halo, duration and overshoot
- Reduced-motion fallback
