CSS GRADIENT BUTTON

SELECT A GRADIENT TO CREATE A BUTTON OR EDIT BUTTON DIRECTLY

Edit button

Text
Text color
Text shadow size [+] px
Text shadow color yesno
Font Family
Bold textyesno
Font size px
Padding [+] px
Shadow size [+] px
Shadow Inset yes no
Shadow color
[-]
Reset
Background Start automodify
Background End automodify
Background Start HOVER automodify
Background End HOVER automodify
Border Radius size [+] px
Border [+] automodify
Border size [+] px
Border HOVER [+] automodify
Border size HOVER [+] px
Easier to edit : Background Example

Html & Css code for gradient button

Copy to clipboard
 

 With a text editor copy and paste Html & Css code then save file as example.html, then open it with a browser to see result

It is a way to remember easily the options you changed when you created button. Save, share (copy and paste to Twitter...) with your friends...
INTEGRATION WITH SPAN TAG
You can use another tag : span to display button
Just add this code into the just after <body> for example
REDUCING SIZE OF ANY IMAGE
You should use universal image compressor to make your pics smaller.
See more information ?
Share the generator on Facebook
Share it on Twitter
Beta Version 0.16 - Contact & Feedback - Bookmark - Privacy