作者:Zhangjd
原文地址:
https://github.com/Zhangjd/awesome-pure-css-no-javascript/blob/master/README.md
纯 CSS + HTML,不使用 JavaScript,能实现怎样的视觉效果?这里收集整理了一些相关资源与工具,欢迎各位补充。
-
Resources
- 基于单个 Div 的 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