CSS GRADIENT BUTTON
New version
SELECT A GRADIENT TO CREATE A BUTTON OR EDIT BUTTON DIRECTLY
Edit button
[-]
Text
Text color
Text shadow size
[+]
px
h-shadow
px
v-shadow
px
blur
px
opacity
Text shadow color
yes
no
Font Family
Arial
Arial Black
Trebuchet MS
Courier
Helvetica
Verdana
Georgia
Palatino
Impact
Comic Sans MS
Tahoma
Times New Roman
Lucida Sans
Bold text
yes
no
Font size
px
Width
auto
px
Height
auto
px
Padding
[+]
px
Top
px
Right
px
Bottom
px
Left
px
Shadow size
[+]
px
Shadow X
px
Shadow Y
px
Shadow Blur
px
Shadow Inset
yes
no
Shadow color
Hide Hover Preview
[-]
Reset
Background Start
auto
modify
Background End
auto
modify
Background Start
HOVER
auto
modify
Background End
HOVER
auto
modify
Border Radius size
[+]
px
Top Left
px
Top Right
px
Bottom Right
px
Bottom Left
px
Border
[+]
auto
modify
Top
Right
Bottom
Left
Border size
[+]
px
Top
px
Right
px
Bottom
px
Left
px
Border
HOVER
[+]
auto
modify
Top
Right
Bottom
Left
Border size
HOVER
[+]
px
Top
px
Right
px
Bottom
px
Left
px
Easier to edit : Background Example
Html & css code for gradient button
Copy to clipboard
Tweet
Css button examples
Beta Version 0.16 -
Contact & Feedback
-
Bookmark
-
Privacy