Blur FAB

pointer

A quick-actions FAB that softens the screen behind it as the menu opens.

Livelight

Opening the FAB softens the screen so the action tiles stay in focus.

Behavior

A muted loop of Tally's quick-actions FAB opening. As the action tiles appear, the screen behind them softens so the menu holds focus without covering the whole phone in a hard sheet.

Interaction

Pointer hover on the lab index card previews the loop. On the detail stage, intersection plays the muted loop. No keyboard affordances beyond page navigation.

Controls

No knobs. Visibility drives play and pause. Reduced motion shows the poster frame only.

Motion & sound

Loop is muted. prefers-reduced-motion freezes on the poster with no autoplay. No sound cues.

Learnings

Background blur makes a small FAB menu feel grounded: the actions stay sharp while the rest of the screen steps back instead of disappearing.

Source

Assets live under `/lab/tally/fab-blur.mp4`, `fab-preview.mp4` (2s index hover), and `fab-blur-poster.jpg`. The specimen is a thin video shell (`FabBlurSpecimen` via `PhoneRecording`); the live FAB interaction lives in the Tally app, not in this package.