https://30-seconds.github.io/30-seconds-of-css

Short CSS code snippets for all your development needs
https://30-seconds.github.io/30-seconds-of-css

css css-snippets education learn-to-code learning-resources programming snippets snippets-collection

Last synced: 3 months ago
JSON representation

Short CSS code snippets for all your development needs

• Host: GitHub
• URL: https://30-seconds.github.io/30-seconds-of-css
• Owner: Chalarangelo
• License: cc-by-4.0
• Archived: true
• Created: 2018-02-25T13:22:25.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-05-07T17:09:56.000Z (over 1 year ago)
• Last Synced: 2024-04-15T00:17:58.328Z (10 months ago)
• Topics: css, css-snippets, education, learn-to-code, learning-resources, programming, snippets, snippets-collection
• Language: CSS
• Homepage: https://www.30secondsofcode.org/css/p/1
• Size: 6.79 MB
• Stars: 16,149
• Watchers: 340
• Forks: 1,034
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• A-to-Z-Resources-for-Students - 30 Seconds of CSS
• awesome-list - 30秒css

README

        
> **IMPORTANT NOTICE:**

>

> As of May, 2023, all 30-seconds content repositories have been merged into [30-seconds-of-code](https://github.com/30-seconds/30-seconds-of-code).

>

> Please watch, star and follow relevant activity there.

[![Logo](/logo.png)](https://30secondsofcode.org/css/p/1)

# 30 seconds of code

> Short CSS code snippets for all your development needs

* Visit [our website](https://30secondsofcode.org) to view our snippet collection.

* Use the [Search page](https://30secondsofcode.org/search) 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](https://30secondsofcode.org/css/p/1) 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](/CONTRIBUTING.md) first.

* Use the [Snippet Template](/snippet-template.md) to add new snippets to the collection.

* If you find a problem with a specific snippet, please [open an issue](https://github.com/30-seconds/30-seconds-of-css/issues/new).

* If you find a problem with the website, please [report it in the web repository](https://github.com/30-seconds/30-seconds-web/issues/new).

## Credits

* This repository is maintained by the [30 seconds of code organization on GitHub](https://github.com/30-seconds).

* 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](https://www.netlify.com/), [Next.js](https://nextjs.org/) & [GitHub](https://github.com/).