Skip to content
All effectsCard

Lift Shadow

The shadow lives on its own layer, so it can grow while the element rises. That separation is the trick.

Pure CSSCardPro

Usage

Hover lift

Meant for

CardButtonKanban

Examples

On a Button

Hover it. The shadow lives on its own layer, so it can grow while the button rises. That separation is the trick — a box-shadow on the element itself can only move with it.

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