Button Generator

Customize Your Button

Button Text:

Background Color:

Text Color:

Border Radius (px):

Padding (px):

Vertical:

Horizontal:

Font Size (px):

Hover Effect:

Hover Background Color:

Hover Text Color:

Transition Duration (s):

How long the hover effect takes to animate.

Live Button Preview

Generated HTML & CSS