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

Arrow Button v8

Arrow Button v8

How it works

Arrow Button v8 consists of a label, an arrow and an underline. These parts of the button can be styled at pleasure.

Arrow Animation controls

Dimensions to: the new arrow dimensions on hover (the from dimensions are inside the arrow’s style section).
Duration
CSS easing: You can set any custom CSS easing of your own. Learn more about CSS easings here.

Underline Animation controls

Duration
CSS easing: You can set any custom CSS easing of your own. Learn more about CSS easings here.

On this page