Insert Pretty Awesome Buttons Into Your Webpage Using Pure CSS – bttn.css

Preview:

Description:

bttn.css is a cross-browser CSS library that helps you create various types of actions types with variable sizes and colors on the web applications.

How to use it:

Load the core style sheet  bttn.css in the document’s head section and we’re ready to go.

<link href="Bttn.css" rel="stylesheet">

Add the following style classes to the buttons:

• bttn-simple
• bttn-bordered
• bttn-minimal
• bttn-stretch
• bttn-jelly
• bttn-gradient
• bttn-fill
• bttn-material-circle
• bttn-material-flat
• bttn-pill
• bttn-float
• bttn-unite
• bttn-slant

<button class="bttn-slant bttn-md bttn-primary">medium</button>

Config the button size with the following CSS classes:

• bttn-xs
• bttn-sm
• bttn-md
• bttn-lg

If you’d like to change the default theme:

• bttn-default
• bttn-primary
• bttn-warning
• bttn-success
• bttn-danger
• bttn-royal