Elastic Scale on Hover

AnimationsLive Preview

Cards or buttons that spring back with elastic cubic-bezier physics on hover and click.

Customize Preview

Select options to update the live preview, or edit the prompt directly below.

Element Type

Spring Intensity

Scale Amount

Your Prompt

abcclick to edit

Create an elastic scale hover effect on card elements with bouncy spring physics and medium scale amount. On hover apply the target scale, on mouse-down apply a compressed scale. Use a custom cubic-bezier that overshoots to create a spring-back bounce. Show 3 elements side by side.