**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)* - [CSS PLUGIN](#css-plugin) - [About animation](#about-animation) - [About color](#about-color) - [About page-switch](#about-page-switch) - [Icons & Web-Font](#icons--web-font) - [Style](#style) ## CSS PLUGIN ### About animation - [Animate.css](http://daneden.github.io/animate.css/) > 老牌的CSS动效库，满足你的各种需求 - [Effeckt.css](http://h5bp.github.io/Effeckt.css/) > 同样一个CSS动效库。。不过网站比 Animation.css 要 low 的多 - [CONNOR ATHERTON](https://connoratherton.com/) > 各种各样的CSS动画效果 > > 最初接触是因为它的[CSS Loading动画库](https://connoratherton.com/loaders)（论@keyframes如何才能玩的花） - [SpinKit](http://tobiasahlin.com/spinkit/) > 又一个CSS Loading动画库 - [balloon.css](http://kazzkiq.github.io/balloon.css/) > 带有一个小小的动效的悬浮Tips动效库 ### About color - [Colofilter.css](http://lukyvj.github.io/colofilter.css/) > 很方便的为图片添加滤镜效果 > > 然而并不支持 IE&Edge浏览器，Opera Mini，以及Safari(desktop&IOS) == - [open-color](https://github.com/yeun/open-color) > 为 css 提供颜色颜色变量，支持 css/sass/less/stylus ### About page-switch - [Slick.css](http://kenwheeler.github.io/slick) > 图片画廊，各种左右切换page的效果 ### Icons & Web-Font - [Font-awesome](http://fontawesome.io/) > CSS字体图标库 - [Fileicon.css](http://picturepan2.github.io/fileicon.css/) > 几款文件图标库，展现doc/ppt/xls/png/mp3文件图标 - [Material Icons](http://google.github.io/material-design-icons/) > Material 风格的icon图标库 - [ICONO](http://saeedalipoor.github.io/icono/) > CSS小图标库 - [CIKONSS](http://www.bootcss.com/p/cikonss/) > 纯CSS实现的响应式Icon > > 兼容IE8+ > > 然而不是很好看。。。。 - [Transformicons](http://www.transformicons.com/) > 带有动效的小图标库 > > 然而也不是很好看。。。。。。。。。。。。 - [twig](https://github.com/Wiredcraft/twig) > 简约线条式的图标库 > > 好看！ - [Tasty CSS-animated hamburgers](https://jonsuh.com/hamburgers/) > 基于CSS的带有动效的汉堡菜单icon - [Ionicons](http://ionicons.com/) > The premium icon font for Ionic - [feathericons](https://feathericons.com/) - [fontello](http://fontello.com/) > 在线生成并下载 Webfont Icon ### Style - [wysiwyg.css](http://jgthms.com/wysiwyg.css/) > 提供 markdown 渲染样式