Hover-Buttons
Hover Transition CSS/SCSS Buttons
DEMO/CHEATSHEET
How to use?
Option 1 (Super quick)
- Click here for a cheatsheet
- Click on the button you like and copy styles and markup.
Option 2 (Quick)
- Download repo
- Add
hoverbuttons.cssto your project - Click here for a cheatsheet
Option 3 (SCSS)
- Download repo
npm installnpm run watchif you want it to watch and compile your SCSS as you work on it- Comment out sets you don't need in
/scss/hoverbuttons.scss - Adjust your variables in
/scss/_variables.scss - Compile by running
npm run prodornpm run devand add thehoverbuttons.cssfile to your project
I will be adding more and more buttons as time goes on...
Collaboration welcome :)