A collection of simple and subtle CSS-only hover animations for buttons. ✨
- Please follow naming convention for button classes.
- Do not change default buttons maked as
button-def
class. - Do not change any code in
index.html
except button section. - Do not change any code in
assets
folder.
- Fork repo and clone it.
- Add your HTML code in index.html file.
- Add CSS code in buttons.css file.
- Make sure you do not change other buttons code ( for that use proper name conversation ).
- While opening PR full screenshort.
<div class="button-container">
<!-- add your buttons here eg
<button class="button-{number}"><span> Example Button </span></button>
</div>
-->
</div>
root
├── assets
│ ├── script.js
│ └── css
│ └── style.css
│
├── buttons
│ └── buttons.css
└── index.html