Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Getting started
Jose Tamu
June 3, 2025 /  Beginner /  CSS only

Arrow Button v5

Arrow Button v5

How it works

Arrow Button v5 consists of a label and one arrow (original, and a duplicated one on hover). These parts of the button can be styled at pleasure. The duplicated arrow has an absolute position. You can modify it’s left distance in the arrow’s style section.

Animation controls

Duration
Stagger: the delay between arrow copies (the flash effect applied to the arrows).
CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.

On this page