这 6 个 CSS 开源项目牛！

本文盘点了 6 个让人惊叹的开源项目，让你体会 CSS 的强大。之所以惊叹是因为如下项目都是使用 CSS 实现：

• Instagram 滤镜

• CSS 实现设备展示

• CSS 艺术画

• 30 个 CSS 碎片拼图，30 种濒临灭绝动物

• 红白机风格的 CSS 框架

• Magic CSS 

---

01. Instagram.css 

这是一个纯 CSS 实现的 Instagram 滤镜。

下载开源的 Instagram.css 文件，在 HTML 中引入这个 instagram.css 文件。

开源地址：https://picturepan2.github.io/instagram.css/

<link rel="stylesheet" href="dist/instagram.css">

然后，可以将下方代码复制粘贴到 HTML 文件中，通过 [filter-name] 设置你想要的滤镜模式。

<figure class="filter-[filter-name]">
   <img src="assets/img/instagram.jpg">
</figure>

---

02. Devices.css 

如果你想在网站增添 iPhone X、iPhone 8 等移动设备用于展示的话，那么一定不要错过 Devices.css. 它是一个使用了纯 CSS 实现主流移动设备的库，并以现代设备为模版。