Background Bounce Sweep
A colored background sweeps in from an edge with an elastic overshoot.
Use for
Buttons
Variants
- Bounce To Right
- Bounce To Left
- Bounce To Bottom
- Bounce To Top
A colored background sweeps in from an edge with an elastic overshoot.
Buttons
Replace [where] with the part of your page and paste the prompt into your AI agent. Each prompt includes the name of the motion, so next time you can simply ask for it by name.
Add a "Background Bounce Sweep" hover effect to [where].
A new background color should sweep in from one edge, overshoot the far edge a little with an elastic bounce and then settle, while the label color switches to stay readable; on leave it slides back out smoothly.
Keep the label above the fill, and show the same effect on keyboard focus.