Skip to content

iRaul/pushy-buttons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

27 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

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

About

๐Ÿ‘‡ CSS Pressable 3D Buttons

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published