DevrajDC / css-buttons

Various button hover effects made fully in HTML and CSS.

CSS Buttons

A collection of simple and subtle CSS-only hover animations for buttons. ✨

Some rules to Contribute:

• 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.

How to contribute by adding more buttons

1. Fork repo and clone it.
2. Add your HTML code in index.html file.
3. Add CSS code in buttons.css file.
4. Make sure you do not change other buttons code ( for that use proper name conversation ).
5. While opening PR full screenshort.

Demo code

    <div class="button-container">
            <!-- add your buttons here eg
            <button class="button-def button-{number}"><span> Example Button </span></button>
            </div>
            -->
    </div>

Folder Structure

root
├── assets
│   ├── script.js
│   └── css
│       └── style.css
│   
├── buttons
│   └── buttons.css
└── index.html