Hover Icon Pop
Hover to triggerOnly the inner icon pops and rotates on hover — clearer layering.
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 Icon Pop */
.anim-hover-icon-pop i {
display: inline-block;
transition: transform .3s cubic-bezier(.34,1.56,.64,1);
}
.anim-hover-icon-pop:hover i {
transform: scale(1.3) rotate(8deg);
}