Gradient Buttons

Colors

mini

Button Button Button Button Button Button Button

<a href="#" class="btn-gradient red mini">Button</a>

small

Button Button Button Button Button Button Button

<a href="#" class="btn-gradient red small">Button</a>

normal

Button Button Button Button Button Button Button

<a href="#" class="btn-gradient red">Button</a>

large

Button Button Button Button Button Button Button

<a href="#" class="btn-gradient red large">Button</a>

block

Block Button Block Button Block Button Block Button Block Button Block Button Block Button

<a href="#" class="btn-gradient red block">Button</a>

.btn-two

mini

Button Button Button Button Button Button

<a href="#" class="btn-two green mini">Button</a>

small

Button Button Button Button Button Button

<a href="#" class="btn-two green small">Button</a>

normal

Button Button Button Button Button Button

<a href="#" class="btn-two green">Button</a>

large

Button Button Button Button Button Button

<a href="#" class="btn-two green large">Button</a>

rounded

Button Button Button Button Button Button

<a href="#" class="btn-two green rounded">Button</a>

block

Button Button Button Button Button Button

<a href="#" class="btn-two green block">Button</a>

Default Buttons

mini

Button Button Button Button Button Button

<a href="#" class="btn green mini">Button</a>

small

Button Button Button Button Button Button

<a href="#" class="btn green small">Button</a>

normal

Button Button Button Button Button Button

<a href="#" class="btn green">Button</a>

large

Button Button Button Button Button Button

<a href="#" class="btn green large">Button</a>

rounded

Button Button Button Button Button Button

<a href="#" class="btn green rounded">Button</a>

block

Button Button Button Button Button Button

<a href="#" class="btn-3d green">Button</a>

3D Buttons

Button

<a href="#" class="btn-3d green">Button</a>

Button

<a href="#" class="btn-3d blue">Button</a>

Button

<a href="#" class="btn-3d red">Button</a>

Button

<a href="#" class="btn-3d purple">Button</a>

Button

<a href="#" class="btn-3d cyan">Button</a>

Button

<a href="#" class="btn-3d yellow">Button</a>

Share This :