A field of frosted glass tiles lit by a blue comet that follows the pointer and leaves a violet trail behind it.
About this tool
A hero background of frosted glass tiles, drawn on one canvas with no library. A comet of light follows the pointer: a bright cyan head over a cobalt core, with a tail that fades from sky blue to violet. The tiles it passes light up from inside, frosted and re-saturated, with a soft white glow on their edges, and the seams between them pick up a darker copy of the light. Tiles brighten quickly and fade slowly, so the trail stays on the glass for a moment after the comet has moved on. The light can be steered with a mouse, a tap or the arrow keys; reduced motion drops the trail and moves the light without easing, and the renderer sleeps once everything has settled. Stage size, background, tile zoom, corner radius, frost, edge glow, the four light colours, light size, follow lag and trail length are all editable live, and the export is one HTML file with no library to fetch.
Pointer Physics · HTML / CSS / JS · All tools