Varin6/Hover-Buttons

Animated CSS/SCSS Buttons

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.css to your project
• Click here for a cheatsheet

Option 3 (SCSS)

• Download repo
• npm install
• npm run watch if 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 prod or npm run dev and add the hoverbuttons.css file to your project

I will be adding more and more buttons as time goes on...
Collaboration welcome :)