Hover Lift
Hover to triggerLifts up with a deeper shadow on hover — the go-to cue for cards and buttons.
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 Lift */
.anim-hover-lift {
transition: transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s cubic-bezier(.22,.61,.36,1);
}
.anim-hover-lift:hover {
transform: translateY(-8px);
box-shadow: 0 14px 28px rgba(15,23,42,.18);
}