Class

name:

Background Color

top:
color stop:
bottom:
color stop:

Border

pixels:
color:
radius:

Box Shadow

color:
horizontal:
vertical:
blur:
spread
inset

On Press

top offset:
left offset:

Text

sample text:
font-size:
color:
horizontal padding:
vertical padding:
font family:
text transform:
letter spacing:
bold



Text Shadow

color:
horizontal:
vertical:
blur:

Width/Margins

width:
top/bottom margin:
left/right margin:

Color Templates

Button Preview

Lorem ipsum
Loremipsum
Lorem ipsum

The CSS

Highlight and Copy CSS below. Paste it into your style sheet.

Example Implementation

Copy the code below and paste it into your HTML.

IE9+

Add the following code in the header for IE9 border radius compatibility.


Copyright © 2012 Pj Nation LLC