I Made 100 CSS Buttons for Your Next Project 💪
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 —
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
|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 —
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! 🤗
Aggregate valuable and interesting links.
Joyk means Joy of geeK