buttons.css

Buttons.css is CSS for buttons.

Buttons.css currently includes 9 default buttons and 7 social media buttons, for a total of 16 button styles. Furthermore, there is 4 different button size options, 4 button effects and 2 button text effects.

Download (zip) Download (tar.gz)

Install using Git:

git clone https://github.com/brandonhimpfen/buttons.css

Features

Here are the main features of buttons.css:

  • Only 3KB in size (un-minified);
  • Four (4) additional sizing options;
  • Easily add round corners or no round corners (coming soon); and
  • Default colour buttons, both flat and gradient (coming soon).

Sass

Buttons.css is available for Sass.

Download (zip)

Using buttons.css

Using buttons.css is simple. Firstly, add it to your website like so:

<link rel="stylesheet" type="text/css" href="path-to-file/buttons.css" />

Now, to create a button, add the button CSS classname to any <a> or <button> element.

<a class="button" href="#">Button</a>

or

<button class="button">Button</button>