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

Category: CSS & CSS3 , Others , Recommended | December 30, 2016
Author: ganapativs
Views Total: 1,309
Official Page: Go to website
Last Update: December 30, 2016
License: MIT

Preview:

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

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