A collection of simple and subtle CSS-only hover animations for buttons. ✨
- Please follow naming convention for button classes. (Eg. yourname-btn-index or btn-yourname-index)
- Do not change default buttons maked with the
button-def
class. - Do not change any code in the
index.html
file except for button section. - Do not change any code in the
assets
folder.
- Fork the repo and clone it.
- Add your HTML code in the index.html file.
- Add your CSS code in the buttons.css file.
- Make sure you do not change any other button's code (for that, use the correct naming conventions - eg. yourname-btn-index or btn-yourname-index).
- When you open the PR, please include a full screenshot.
<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