widgets.supply
Getting Started

Introduction
Installation

Texts

Arc Title
Blade Reveal
Blended Hover
Blur Reading
Blur Reveal
Counter
Decode Hover
Decode Reveal
Dynamic Copyright
Fluid Gradient
Highlight
Highlight Hover
Letter Launcher
Link Preview
Looping Lines
Looping Lines v2
Looping Lines v3
Mask Hover
Proximity Hover
Read More
Scribble Reveal
Scroll Reading
Swap Hover
Text Shimmer
Twist Reveal
Typed
Underline Hover
Unfold Hover
3D Swap Hover

Buttons

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
Arrow Button v9new
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

Menus

Burger
Dock
Drawer
Dropdown
Dynamic Island
Expanding Menu
Focus Nav
Gooey Nav
Morphing Nav
OffCanvas Menu
Overlay Menu
Sticky Header

Medias
Before/After Image Glossy Logonew Image Hotspots Image Reveal Image Reveal v2 Image Reveal v3 Image Reveal v4 Lightbox Looping Logosnew Parallax Portfolionew Scrolling Gallery Video Tabs
Cursors

Crosshair
Cursor
Cursor Slide
Cursor Trail
Designer Cursor

Sliders
Infinite Slider Parallax Slider Polaroidnew Stories Thumbnail Slider
Background

Blindsnew
Border Beam
Fluids
Gradiently
Gradiently v2new
Grainy
Interactive Lines
Interactive Lines v2
Interactive Lines v3
Interactive Lines v4
Overlay Shadows
Particles
Physics
Pixelsnew
Scrolling Background
Spotlight
Spotlight v2
Tiles

Cores

Audio Player
Back to Top
Chartnew
Click and Copy
Decode Card
Distorsion Tabs
Expanders
Flipbox
Glitchy
Horizontal Marquee
Interactive Divider
Inverted Corner
Looping Tabs
Lottie
Motion Divider
Observer
Orbitnew
Pixels Shimmer Card
Progress Bar
Progress Bar v2
QR Code
Scrollbar
Sharer
Smooth Scroll
Spinner
Stacking Cards
Sticky Footer
Syncnew
Tabs
Tippy
Toast
Toolteam
Vertical Marquee
Workflownew

Jose Tamu
Sep 22, 2025 /
Beginner /
CSS only

Arrow Button v3

Arrow Button v3

Content tab

Animation group

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.

Style tab

You can use the Direction group 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.