Skip to content
👇CSS Pressable 3D Buttons
CSS HTML
Branch: master
Clone or download
Latest commit c10f17f Jun 26, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
img updates Jun 26, 2019
scss button changes Mar 14, 2019
.gitignore
README.md updates Jun 26, 2019
index.html changed the classes name Feb 21, 2019
package.json small update Jun 26, 2019

README.md

PUSHY BUTTONS

Pushy 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 -->
<button class="pushy__btn pushy__btn--lg pushy__btn--blue">Button</button>
<button class="pushy__btn pushy__btn--df pushy__btn--blue">Button</button>
<button class="pushy__btn pushy__btn--md pushy__btn--blue">Button</button>
<button class="pushy__btn pushy__btn--sm pushy__btn--blue">Button</button>

<!-- Green Buttons -->
<button class="pushy__btn pushy__btn--lg pushy__btn--green">Button</button>
<button class="pushy__btn pushy__btn--df pushy__btn--green">Button</button>
<button class="pushy__btn pushy__btn--md pushy__btn--green">Button</button>
<button class="pushy__btn pushy__btn--sm pushy__btn--green">Button</button>

<!-- Red Buttons -->
<button class="pushy__btn pushy__btn--lg pushy__btn--red">Button</button>
<button class="pushy__btn pushy__btn--df pushy__btn--red">Button</button>
<button class="pushy__btn pushy__btn--md pushy__btn--red">Button</button>
<button class="pushy__btn pushy__btn--sm pushy__btn--red">Button</button>

Author

Raul Dronca

License

CC0

You can’t perform that action at this time.