Hover Shrink
Hover to triggerShrinks a touch on hover for a focused, pressed-in feel.
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
/* Hover Shrink */
.anim-hover-shrink {
transition: transform .2s ease;
}
.anim-hover-shrink:hover {
transform: scale(.9);
}