Skip to content
All effectsCard

Tile Wake

Tiles wake in sequence: a tint, a small lift and a shadow, each on its own delay.

Pure CSSCardPro

Usage

Meant for

CardKPI GroupWidget

Examples

On a StatCard

Tiles wake in sequence: a tint, a small lift and a shadow. Set --wm-i per tile — 350ms apart, so no two are ever up together and the eye follows one.

+12%

Revenue

$34,100

+4%

Active users

2,481

+0.4%

Conversion

3.2%

-0.2%

Churn

1.1%

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