开源项目 > 其他开源 > 图书/手册/教程 &&

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

克隆/下载

interesting-usage.md 1.95 KB

# 🎢 一些有趣的项目

收藏一些CSS有趣的项目，欢迎补充完善~

### NES.css

NES红白机风格的 CSS 框架，主要的实现原理是通过将字体 [Press+Start+2P](https://fonts.google.com/specimen/Press+Start+2P) 和 `box-shadow` 巧妙的结合，非常有意思，尤其是icon的实现，强烈建议大家看下源码~ :thumbsup:

[NES.css](https://bcrikko.github.io/NES.css/ ':include :type=iframe width=100% height=429px')

?> **GitHub:** [BcRikko/NES.css](https://github.com/BcRikko/NES.css)

### Epic Spinners

CSS 加载动画

[Epic Spinners](https://epic-spinners.epicmax.co/#/ ':include :type=iframe width=100% height=429px')

?> **GitHub:** [epicmaxco/epic-spinners](https://github.com/epicmaxco/epic-spinners)

### Shapes generated

用CSS渐变实现的形状

[Shapes generated](https://codepen.io/yuanchuan/full/vVRKRQ/ ':include :type=iframe width=100% height=429px')

?> **GitHub:** [yuanchuan/gradient-shapes](https://github.com/yuanchuan/gradient-shapes)

### CSS file icons

纯CSS实现的文件Icon

[CSS file icons](https://colorswall.github.io/CSS-file-icons/ ':include :type=iframe width=100% height=429px')

?> **GitHub:** [colorswall/CSS-file-icons](https://github.com/colorswall/CSS-file-icons)

<!-- ### THE COLOUR CLOCK

颜色时钟

[THE COLOUR CLOCK](http://thecolourclock.co.uk/ ':include :type=iframe width=100% height=429px')

?> 与之类似还有一个[hex color clock](http://www.jacopocolo.com/hexclock/), **GitHub:** [jacopocolo/Hex-clock](https://github.com/jacopocolo/Hex-clock) -->

### magic

CSS动画特效

[magic](https://minimamente.com/example/magic_animations/ ':include :type=iframe width=100% height=429px')

?> **GitHub:** [miniMAC/magic](https://github.com/miniMAC/magic)

### A Single Div

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

[A Single Div](https://a.singlediv.com/ ':include :type=iframe width=100% height=429px')

?> **GitHub:** [lynnandtonic/a-single-div](https://github.com/lynnandtonic/a-single-div)

一键复制编辑原始数据按行查看历史

提交于 2018-11-29 11:25 .

add NES.css. So Cool~

🎢 一些有趣的项目

收藏一些CSS有趣的项目，欢迎补充完善~

NES.css

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

?> GitHub: BcRikko/NES.css

Epic Spinners

CSS 加载动画

?> GitHub: epicmaxco/epic-spinners

Shapes generated

用CSS渐变实现的形状

Shapes generated

?> GitHub: yuanchuan/gradient-shapes

CSS file icons

纯CSS实现的文件Icon

?> GitHub: colorswall/CSS-file-icons

magic

CSS动画特效

?> GitHub: miniMAC/magic

A Single Div

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

?> GitHub: lynnandtonic/a-single-div

CSS

1

https://gitee.com/lhammer/You-need-to-know-css.git

git@gitee.com:lhammer/You-need-to-know-css.git

lhammer

You-need-to-know-css

You-need-to-know-css

master