Button Spring
Hover to triggerGrows on hover, shrinks on press — full button feel from one class.
Move the pointer over the box
Triggered by
:hover and never auto-plays on load. Move the pointer in and out to watch it again.
Tune parameters
Interactive animations are driven by pointer state; duration and easing live on
transition / animation — change the numbers in the code below.
Full code
/* Button Spring */
.anim-btn-spring {
transition: transform .2s cubic-bezier(.34,1.56,.64,1);
}
.anim-btn-spring:hover { transform: scale(1.08); }
.anim-btn-spring:active { transform: scale(.94); }