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.