Press Down
Press to triggerShrinks while held and springs back on release — the most tactile cue.
Hold the box down
Triggered by
:active Hold the box down, release, and it replays.
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
/* Press Down */
.anim-press-down {
transition: transform .12s ease;
}
.anim-press-down:active {
transform: scale(.9);
}