Prism toy
Drag the prism. Watch the spectrum.
Move the prism.
Loading…
Playground · prism
Drag the prism. Watch the spectrum.
Move the prism.
Two hues + an angle = one CSS gradient.
background: linear-gradient(135deg, hsl(340 90% 60%), hsl(200 90% 60%));
Tilt with cursor. Iridescent finish.
A CSS bar where the colors travel left to right.
Seven colored bands. Hover any to expand.
Through the prism