纯CSS3效果资源收集整理

Resources

基于单个 p 的 CSS 绘图

A Pure CSS3 Cycling Slideshow 纯 CSS 编写出可自动循环播放的 Slideshow。

用 HTML 和 CSS 来打造一个自己的「大白(●—●)」

使用 CSS3 画出一个叮当猫

Libraries

loaders.css 纯 CSS 实现的加载动画框架。

balloon.css 纯 CSS 实现的弹出层效果。

pure Yahoo 出品的纯 CSS 框架，体积小巧。

icono 仅一个标签实现的纯 CSS 图标库。

iHover 一个令人印象深刻的图片悬停效果集合，完全基于 CSS3 实现。

devices.css 纯 CSS 模拟移动设备

CSS Modals 纯 CSS 实现模态框

Tools

image2css 使用 PHP GD 库把图像转换成 CSS box-shadow 属性。例子可参考 Mona Lisa with pure CSS。

img2css 功能和上面一个相似，不过这个库借助的是 canvas。

Demos

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

Airplane (Pure CSS)

CSS Faces

A Single p : a CSS drawing project by Lynn Fisher

Pure CSS Tic-tac-toe 游戏

Pure CSS 扫雷游戏

星球大战里面的 Darth Vader