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 naming css classes 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="{yourname-button-index}"><span> Example Button </span></button>
<div class="createdby-section">
Created by
<a href="{yourgithublink}">{YOURNAME}</a>
</div>
</div>
root
├── assets
│ ├── script.js
│ └── css
│ └── style.css
│
├── buttons
│ └── buttons.css
└── index.html