Anyside Button
Arrow Button
Arrow Button v2
Arrow Button v3
Arrow Button v4
Arrow Button v5
Arrow Button v6
Arrow Button v7
Arrow Button v8
Blurry Button
Bubbles Button
Crystal Button
Dot Button
Dot Button v2
Dot Button v3
FlipFlop Button
FlipFlop Button v2
FlipFlop Button v3
Glowing Button
Marquee Button
Marquee Button v2
Mask Button
Modal Button
Nudge Button
Pixels Button
Prism Button
Prism Button v2
Rainbow Button
Reel Button
Ripple Button
Ripple Button v2
Ripple Button v3
Ripple Button v4
Ripple Button v5
Ripple Button v6
Ripple Button v7
Shiny Button
Squeezy Radius Button
Strip Button
Stripes Button
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.