Skip to content
All effectsOverlays

Diamond Wipe

A four-point polygon opening past the corners. Percentages beyond 0–100 are what make it cover.

Pure CSSOverlaysPro

Usage

Meant for

DialogCard

Examples

On a Card

A four-point polygon opening past the corners. The percentages beyond 0–100 are what make it cover the whole box rather than stopping at the edges.

AL
Alina Lorenz
Commented on “Q3 roadmap”
Looks good — can we ship the motion pages on Friday?

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