Motion.library

Wipe

A clip-path panel wipes across on a diagonal, the text mask-swaps in lockstep, and the wipe reverses from the opposite side on exit.

buttons / btn-fill-wipe
Playback
Complexity
Foundational
Interaction
Hover
Stack
CSS
Category
buttons

Where to use it

SaaSFintech

Ships as motions/buttons/btn-fill-wipe.tsx — a self-contained component that accepts playing, speed, params and respects reduced-motion.

More in Buttons

← DispatchBeacon →

Related motions