Skip to content
All effectsCard

Field Dots

A radial-gradient dot grid with a mask that fades it out at the edges. The mask is what keeps it from looking like graph paper.

Pure CSSCardPro

Usage

Meant for

CardEmpty StateWidget

Examples

On a Card

A radial-gradient dot grid with a mask fading it out at the edges. The mask is what keeps it from looking like graph paper. It goes on the card's media area — the mask fades everything it is on, so on the whole card it would fade the text too.

No data yet
Connect a source to start collecting events

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