glass menu

A burger menu in frosted glass on a dark stage. Click the round glass button and it grows into a glass sheet around the same centre with no bounce: its three burger lines spread and stretch with it and settle as the hairline separators between the rows, the close cross draws in, and Work, Studio, Journal and Contact rise one by one out of a soft blur with their small mono numbers. A small liquid-glass lens appears last over the active item's number. Choose another item and the lens glides there on a soft spring, slimming and stretching with speed before it settles round; the number under it is magnified with real barrel distortion, the item brightens to a warm white, a thin warm filament lights beside it, and a warm halo glows behind the sheet as its top rim warms. Close it with the cross or Escape and everything plays back in reverse, the separators gathering into the burger again. Left alone, it opens, steps through Work, Studio and Journal and closes in a 10-second loop. The button, items and cross are real buttons with keyboard focus, and reduced motion opens it without movement. No images: CSS and one SVG, in Geist and Geist Mono, on a square stage that scales to fit any screen.