CSS Button Generator

Design custom CSS buttons with live preview. Adjust colors, padding, borders, shadows, and hover effects, then copy the code.

Presets

Button Text

Label

Colors

Background

Text Color

Hover Background

Sizing

Font Size

16px

Font Weight

Padding (vertical)

12px

Padding (horizontal)

24px

Border

Border Width

0px

Border Color

Border Radius

8px

Shadow

Shadow X Offset

0px

Shadow Y Offset

2px

Shadow Blur

4px

Shadow Color

Shadow Opacity

20%

Effects

Transition Duration

150ms

Hover Scale

1.00

Preview

CSS Code

Copied!