Gradient Border Button

ButtonsLive Preview

A transparent button with a vibrant animated gradient border.

Customize Preview

Select options to update the live preview, or edit the prompt directly below.

Gradient

Fill

Border Width

Your Prompt

abcclick to edit

Create a button with a blue-to-purple animated gradient border that rotates around the button. The background is dark matching the page background and the border width is 2px. Use a conic-gradient on a wrapper element with a slightly smaller inner element to create the border effect. Animate the gradient rotation.