7

I Made 100 CSS Buttons for Your Next Project 💪

 3 months ago
source link: https://dev.to/eludadev/i-made-100-css-buttons-for-your-next-project-496p
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Yes. I made 100 unique styles for buttons in CSS. Use them however you like. They’re for you. Get them all for free

GitHub logo eludadev / css-buttons

100 Modern CSS Buttons, Free And Royalty Free.

💪 Contributions

Currently, there are 100 buttons in this project, but we’d love to have more!

  • If you have new button ideas, create an Issue.

  • If you have ideas on how to fix existing buttons, please create an Issue.

We thank you for your time! 🤗

🤖 To See Code, Click on One of The Links

Preview Link Description
Basic CSS Button that slightly changes color on hover or click.
Slide Right CSS Button that slides its background to the right on hover or click.
Slide Down CSS Button that slides its background to the bottom on hover or click.
Slide Diagonal CSS Button that slides its tilted background to the right on hover or click.
Slide Triangle CSS Button that slides its triangular pseudo-element background to the right on hover or click.
Double Horizontal CSS Button that slides its two pseudo-element bgrounds to the center on hover or

And there’s also a website to explore all of them

Video recording of website

And here, I present to you my favorites!


Table of Contents


👉 The Sliders

👉 The Geometric

👉 The Shapeshifters

👉 The 3D

👉 The Revealers

👉 The Hyperactive

👉 The Fun Borders

👉 The Progress

👉 The Icons

👉 The Neomorphism


I'd love more ideas! If you have some, drop them in the comment section below. And thanks in advance! 🤗


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK