Skip to content
All effectsCard

Mask Reveal

A radial mask cut into the top layer reveals a second one underneath. Two custom properties from one pointermove.

CSS + a few linesCardPro

Usage

wm_7f3a·92c1·e4d0••••·••••·••••

Meant for

CardHolo CardCode Block

Examples

On a Card

A radial hole cut into the cover shows what is underneath. Move the pointer over the codes — under the pointer the sweep stops and the hole follows the cursor; without a pointer it sweeps on its own. Mark the cover with data-wm-cover.

Recovery codes
Move the pointer over them to read them
4F7K-2QX9M8TR-6WLNZ3PD-HV51C9JE-0BYUR2NA-7KSFW6GM-Q4TD

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