简要说明

一些常用及常见的css代码，资料来源于日常工作及互联网

如果觉得样式似乎有点不对劲，请刷新一下页面，因为demo的css不支持作用域，可能会导致css被重置。

收藏一些CSS的开源项目

You-need-to-know-css

CSS tricks web developers need to know

https://github.com/l-hammer/You-need-to-know-css (opens new window)

css_tricks

Some CSS tricks，一些 CSS 常用样式

https://github.com/QiShaoXuan/css_tricks (opens new window)

CSS-Inspiration

这里可以让你寻找到使用或者是学习 CSS 的灵感，以分类的形式，展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。

https://github.com/chokcoco/CSS-Inspiration (opens new window)

一些有趣的CSS

https://github.com/chokcoco/iCSS/issues (opens new window)

NES.css

NES红白机风格的 CSS 框架，主要的实现原理是通过将字体 Press+Start+2P (opens new window) 和 box-shadow 巧妙的结合，非常有意思，尤其是icon的实现，强烈建议大家看下源码~

GitHub: BcRikko/NES.css (opens new window)

Shapes generated

用CSS渐变实现的形状

GitHub: yuanchuan/gradient-shapes (opens new window)

CSS Grid Generator

动态生成 CSS Grid 代码!

GitHub: sdras/cssgridgenerator (opens new window)

Epic Spinners

CSS 加载动画

GitHub: epicmaxco/epic-spinners (opens new window)

GitHub: ConnorAtherton/loaders.css (opens new window)

CSS file icons

纯CSS实现的文件Icon

GitHub: colorswall/CSS-file-icons (opens new window)

magic

CSS动画特效

GitHub: miniMAC/magic (opens new window)

A Single Div

只用一个HTML元素实现的CSS的绘图

GitHub: lynnandtonic/a-single-div (opens new window)