Beautiful Button Templates In CSS – Digitso-Buttons

Preview:

Description:

Digitso-Buttons is a set of 12 beautiful pre-defined buttons templates that are easy to implement via CSS classes.

How to use it:

1. Download and import the buttons.css into the document.

<link rel="stylesheet" href="buttons.css" />

2. Add the required CSS class btn to your HTML button and choose a button style using the following CSS classes:

<button class="btn btn-danger">Danger</button>
<button class="btn btn-info">Info</button>
<button class="btn btn-warning">Warning</button>
<button class="btn btn-rainbow">Rainbow</button>
<button class="btn btn-success">Success</button>
<button class="btn btn-pointed">Pointed</button>
<button class="btn btn-danger btn-pointed">Danger Pointed</button>
<button class="btn btn-info btn-pointed">Info Pointed</button>
<button class="btn btn-warning btn-pointed">Warning Pointed</button>
<button class="btn btn-rainbow btn-pointed">Rainbow Pointed</button>
<button class="btn btn-success btn-pointed">Success Pointed</button>
<button class="btn btn-disabled">Disabled</button>
<button class="btn btn-rect-to-round-blue">Hover Me!</button>
<button class="btn btn-rect-to-round-orange">Hover Me!</button>
<button class="btn btn-rect-to-round-pink">Hover Me!</button>
<button class="btn btn-rect-to-round-red">Hover Me!</button>
<button class="btn btn-rect-to-round-yellow">Hover Me!</button>