CSS-art figures
Each figure is generated inline as SVG data-URIs — no network assets. Four palettes, concentric rings, scratches and a mono caption make them feel like analogue studies.
Hover a project row and a figure detaches from the list, trailing your cursor with a soft rotation — attached by momentum, never glued.
When a row is hovered the figure fades in beside it and eases toward the pointer. Its rotation is driven by horizontal velocity — a smooth "lean" as the cursor moves.
Each figure is generated inline as SVG data-URIs — no network assets. Four palettes, concentric rings, scratches and a mono caption make them feel like analogue studies.
The difference between the figure's x-position and its previous x drives a tilt clamp of ±14°. The rest is pure frame-rate independent damping toward the cursor.