Skip to content
All effectsButton

Shear Settle

Pure shear with decaying amplitude. Reads as material flexing, not as an object shaking.

Pure CSSButton

Usage

Shear

Meant for

ButtonCard

Examples

On a Button

Pure shear with a decaying amplitude. It reads as material flexing rather than as an error, which is the difference between this and Shudder.

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