Arrow Button v3

Style controls

Direction: You can use the Direction to change the direction of the arrow, to place it to the left or right. Direction and Padding have to be combined. If “Direction from” is set to right and a Padding right of 2px is applied, the arrow will expand to the left but will leave a 2px on the other side, so that it is symmetric. Same happens if the direction is set to left with the Padding Left property.

Animation controls

Rotation: the rotation the arrow will rotate to on hover.
Duration
CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.

– Tamu

On this page