Skip to content
All effectsAI & Agents

Quiet Sweep

A highlight passing over text that never dims. Gleam clips a gradient into the glyphs and dips the base colour with it; this one leaves the text at full contrast and adds light on top, which is the difference between decoration and a status you still have to read.

Pure CSSAI & AgentsPro

Usage

Checking 214 variables against the design file

Meant for

Agent StatusChat MessageLog Stream

Examples

On a Chat Message

A light passing over a line of text while it is being worked on. The sweeping layer sits over the text with mix-blend-mode: plus-lighter, so the text itself is untouched — still selectable, still readable by a screen reader, and unchanged with motion off.

Checking 214 variables against the design file

The class is wm wm-quiet-sweep — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.