30 Seconds of CSS

Short CSS code snippets for all your development needs

README

Logo

30 seconds of code


Short CSS code snippets for all your development needs


Visit our website to view our snippet collection.
Use the Search page to find snippets that suit your needs. You can search by name, tag, language or using a snippet's description. Just start typing a term and see what comes up.
Browse the CSS Snippet collection to see all the snippets in this project or click individual tags at the top of the same page to narrow down your search to a specific tag.
Click on each snippet card to view the whole snippet, including code, explanation and examples.
You can use the button at the bottom of a snippet card to view the snippet in Codepen.
If you like the project, give it a star. It means a lot to the people maintaining it.

Want to contribute?


If you want to help us improve, take a minute to read the Contribution Guidelines first.
Use the Snippet Template to add new snippets to the collection.
If you find a problem with a specific snippet, please open an issue.
If you find a problem with the website, please report it in the web repository.

Credits


This repository is maintained by the 30 seconds of code organization on GitHub.
All snippets are licensed under the CC-BY-4.0 License, unless explicitly stated otherwise.
Logos, names and trademarks are not to be used without the explicit consent of the owners of the 30 seconds of code GitHub organization.
Our website is powered by Netlify, Next.js & GitHub.