awesome-pure-css-no-javascript
CSS toolkit
A curated collection of resources and tools for creating visual effects using only CSS and HTML.
A curated list of awesome pure CSS resources.
239 stars
10 watching
33 forks
last commit: over 8 years ago
Linked from 1 awesome list
awesome-pure-css-no-javascript | |||
| 基于单个 Div 的 CSS 绘图 | |||
| A Pure CSS3 Cycling Slideshow | 纯 CSS 编写出可自动循环播放的 Slideshow。 | ||
| 用 HTML 和 CSS 来打造一个自己的「大白(●—●)」 | |||
| 使用 CSS3 画出一个叮当猫 | |||
| loaders.css | 10,220 | over 1 year ago | 纯 CSS 实现的加载动画框架。 |
| balloon.css | 5,030 | over 1 year ago | 纯 CSS 实现的弹出层效果。 |
| pure | 23,592 | 3 days ago | Yahoo 出品的纯 CSS 框架，体积小巧。 |
| icono | 4,002 | about 1 year ago | 仅一个标签实现的纯 CSS 图标库。 |
| iHover | 3,474 | over 2 years ago | 一个令人印象深刻的图片悬停效果集合，完全基于 CSS3 实现。 |
| devices.css | 3,953 | almost 2 years ago | 纯 CSS 模拟移动设备 |
| CSS Modals | 1,819 | almost 2 years ago | 纯 CSS 实现模态框 |
| Animate.css | CSS3 动效库 | ||
| image2css | 715 | over 10 years ago | 使用 PHP GD 库把图像转换成 CSS box-shadow 属性。例子可参考 。 |
| img2css | 2,484 | over 1 year ago | 功能和上面一个相似，不过这个库借助的是 canvas。 |
| Clippy | 一个在线生成工具，主要用来实现 CSS 背景剪切功能（可查看CSS clip属性详解）。 | ||
| Bounce.js | 生成 CSS3 动效的小工具，它是用JavaScript编写的，提供了一个 Web 编辑界面 | ||
| CSS Animate | 如果你觉得上面的工具还无法做出你想要的动效，那么可以看看CSS Animate这个工具。它能让你设置更多的动效参数，比如你可以同时设置动效起始和终止状态的坐标，大小，以及透明度，这样你就能够做出更加复杂的动效来。 | ||
| 30个CSS碎片拼图，30种濒临灭绝动物 | |||
| Airplane (Pure CSS) | |||
| CSS Faces | |||
| A Single Div : a CSS drawing project by Lynn Fisher | |||
| Pure CSS Tic-tac-toe 游戏 | |||
| Pure CSS 扫雷游戏 | 58 | almost 8 years ago | |
| 星球大战里面的 Darth Vader | |||
| Simpsons In CSS | |||
| Silon | 331 | about 4 years ago | |
| Rotate Clock | |||
jnv/lists
harlonwang/avloadingindicatorview
ibanimatable/ibanimatable