# 30-seconds-of-css

**Repository Path**: seconds-of-code/30-seconds-of-css

## Basic Information

- **Project Name**: 30-seconds-of-css
- **Description**: 本仓库收集一些精选的 CSS 代码片段，这些代码你可以在 30 秒之内学习并理解
- **Primary Language**: CSS
- **License**: CC0-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 99
- **Forks**: 17
- **Created**: 2018-10-06
- **Last Updated**: 2025-02-03

## Categories & Tags

**Categories**: sample-code

**Tags**: None

## README

# 30 Seconds of CSS

<a href="https://30-seconds.github.io/30-seconds-of-css/" target="_blank">![logo](https://i.imgur.com/kPMfyD4.jpg)</a>

[![License](https://img.shields.io/badge/license-CC0--1.0-blue.svg)](https://github.com/30-seconds/30-seconds-of-css/blob/master/LICENSE) [![Gitter chat](https://img.shields.io/badge/chat-on%20gitter-4FB999.svg)](https://gitter.im/30-seconds-of-css/Lobby) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](http://makeapullrequest.com) [![Insight.io](https://img.shields.io/badge/insight.io-Ready-brightgreen.svg)](https://insight.io/github.com/30-seconds/30-seconds-of-css/tree/master/?source=0)

A curated collection of useful CSS snippets you can understand in 30 seconds or less.
Inspired by [30 seconds of code](https://github.com/Chalarangelo/30-seconds-of-code).

## View online

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

## Contributing

See CONTRIBUTING.md for the snippet template.