manattweb / pushy-buttons

CSS Pressable 3D Buttons.

A small CSS Pressable Buttons library.

• Any contributions are more than welcome. 🤗

Demo

Checkout the Demo to see the buttons in action.

Setup & Installation

1. Download it.
2. Include buttons in your website:

  <!-- Buttons Core -->
  <link rel="stylesheet" href="css/pushy-buttons.css">

  <!-- Or -->

  <!-- Minified Version -->
  <link rel="stylesheet" href="css/pushy-buttons.min.css">

Examples

• There are 4 sizes and 3 colors available.
• You can customize them in the .scss file if you want.

<!-- Blue Buttons -->
<a class="btn btn--lg btn--blue" href="#">Button</a>
<a class="btn btn--df btn--blue" href="#">Button</a>
<a class="btn btn--md btn--blue" href="#">Button</a>
<a class="btn btn--sm btn--blue" href="#">Button</a>

<!-- Green Buttons -->
<a class="btn btn--lg btn--green" href="#">Button</a>
<a class="btn btn--df btn--green" href="#">Button</a>
<a class="btn btn--md btn--green" href="#">Button</a>
<a class="btn btn--sm btn--green" href="#">Button</a>

<!-- Red Buttons -->
<a class="btn btn--lg btn--red" href="#">Button</a>
<a class="btn btn--df btn--red" href="#">Button</a>
<a class="btn btn--md btn--red" href="#">Button</a>
<a class="btn btn--sm btn--red" href="#">Button</a>

Author

Raul Dronca

• https://twitter.com/raul_dronca
• https://github.com/iRaul

License