Hover Glow
Hover to triggerA halo lights up on hover — emphasises clickable actions.
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 Glow */
.anim-hover-glow {
transition: box-shadow .3s ease, filter .3s ease;
}
.anim-hover-glow:hover {
box-shadow: 0 0 0 6px rgba(37,99,235,.18), 0 0 24px rgba(37,99,235,.55);
}