Hatch Shadow
The shadow is a second copy of the text filled with a repeating diagonal gradient and offset by four pixels. attr() supplies the copy.
Usage
2026
Meant for
Examples
On a KPI
The shadow is a second copy of the figure filled with a repeating diagonal gradient. Put the text in data-wm-text and attr() supplies the copy — nothing is duplicated in your markup, and the copy is invisible to screen readers, which is correct here. It wants heavy type: the hatching needs a stroke wide enough to show.
The class is wm wm-hatch-shadow — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.