Button Arrow Slide
Hover to triggerThe inner arrow nudges right on hover — a clear 'go on' hint.
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
/* Button Arrow Slide */
.anim-btn-arrow-slide i {
display: inline-block;
transition: transform .25s cubic-bezier(.22,.61,.36,1);
}
.anim-btn-arrow-slide:hover i {
transform: translateX(6px);
}