纯css 实现的视觉效果

2016-03-16 17:35:00
hainuo
原创 1442
摘要:纯css实现的效果
# [awesome-pure-css-no-javascript](https://github.com/Zhangjd/awesome-pure-css-no-javascript)纯 CSS + HTML,不使用 JavaScript,能实现怎样的视觉效果? 这里收集整理了一些相关资源与工具,欢迎各位补充。* **Resources** * [基于单个 Div 的 CSS 绘图](http://zhuanlan.zhihu.com/FrontendMagazine/19854868) * [A Pure CSS3 Cycling Slideshow](https://www.smashingmagazine.com/2012/04/pure-css3-cycling-slideshow/) 纯 CSS 编写出可自动循环播放的 Slideshow。 * [用 HTML 和 CSS 来打造一个自己的「大白(●—●)」](http://www.jianshu.com/p/6d3feca2b5f7) * [使用 CSS3 画出一个叮当猫](http://www.cnblogs.com/jr1993/p/4448025.html)* **Libraries** * [loaders.css](https://github.com/ConnorAtherton/loaders.css) 纯 CSS 实现的加载动画框架。 * [balloon.css](https://github.com/kazzkiq/balloon.css) 纯 CSS 实现的弹出层效果。 * [pure](https://github.com/yahoo/pure) Yahoo 出品的纯 CSS 框架,体积小巧。 * [icono](https://github.com/saeedalipoor/icono) 仅一个标签实现的纯 CSS 图标库。 * [iHover](https://github.com/gudh/ihover) 一个令人印象深刻的图片悬停效果集合,完全基于 CSS3 实现。 * [devices.css](https://github.com/marvelapp/devices.css) 纯 CSS 模拟移动设备 * [CSS Modals](https://github.com/drublic/css-modal) 纯 CSS 实现模态框* **Tools** * [image2css](https://github.com/jaysalvat/image2css) 使用 PHP GD 库把图像转换成 CSS box-shadow 属性。例子可参考 [Mona Lisa with pure CSS](http://codepen.io/jaysalvat/pen/HaqBf)。 * [img2css](https://github.com/javierbyte/img2css) 功能和上面一个相似,不过这个库借助的是 canvas。* **Demos** * [30个CSS碎片拼图,30种濒临灭绝动物](http://www.webhek.com/misc-res/species-in-pieces/#) * [Airplane (Pure CSS)](http://codepen.io/dogagenc/pen/xbRKZx) * [CSS Faces](http://codepen.io/rachel_web/pen/doaPWN) * [A Single Div : a CSS drawing project by Lynn Fisher](http://a.singlediv.com/) * [Pure CSS Tic-tac-toe 游戏](https://codepen.io/ziga-miklic/pen/Fagmh) * [Pure CSS 扫雷游戏](https://github.com/imsun/CSS-Minesweeper) * [星球大战里面的 Darth Vader](https://tsitu.github.io/darth.html)
发表评论
肆 加 零 =
评论通过审核后显示。