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?


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


    🚀 Github 镜像仓库 🚀




    贡献者 78



    • CSS 100.0 %