CSS Button Generator

CSS button generator

set up

+ Font / Text

text:

font-family:

font-color:

font-size:

text-shadow:

x:

y:

blur:

+ Box

box-shadow:

x:

y:

blur:

padding:

padding-top:

padding-right:

padding-bottom:

padding-left:

+ Border

border-radius:

border:

border-style:

border-width:

border-top:

border-top-style:

border-top-width:

border-right:

border-right-style:

border-right-width:

border-bottom:

border-bottom-style:

border-bottom-width:

border-left:

border-left-style:

border-left-width:

+ Background

background:

gradient solid

start color:

end color:

color:

+ Hover

background:

gradient solid

start color:

end color:

color:

Button Preview