CSS Button Generator

pomagalnik.com · CSS Tool

Button label

HTML element

Cursor

Font family

Font size

16px

Font weight

Padding top/bottom

12px

Padding left/right

28px

Letter spacing

0px

Text transform

Gradient background

Background color

Direction (degrees)

135°

Color 1

Color 2

Text color

Width (px)

0px

Style

Border color

Border radius

6px

Enable shadow

Offset X

0px

Offset Y

4px

Blur

12px

Spread

0px

Shadow color

Shadow opacity (%)

30%

Inset shadow

Focus outline (accessibility)

Opacity (%)

100%

Button width

Hover effect

Transition speed