资源网站:
懒人之家 http://www.lanrenzhijia.com/
web核客 http://www.webhek.com/
jQuery之家 http://www.htmleaf.com/

资料:
HTML5/CSS3翻转动画(一) http://sarin.iteye.com/blog/1330425
HTML5/CSS3翻转动画(二) http://sarin.iteye.com/blog/1331326
pageSwitch.js插件实现图片翻转切换效果 官网: https://github.com/qiqiboy/pageSwitch, http://www.lanrenzhijia.com/js/css3/3116.html, Demo: http://demo.lanrenzhijia.com/2015/pageSwitch0707/, http://u.boy.im/pageswitch/pic.html
TouchSlider.js则侧重于在滑动效果下,不仅支持全屏切换,还支持不固定尺寸的幻灯切换 https://github.com/qiqiboy/touchslider demo: http://u.boy.im/touchslider/
带37种3D动画特效的跨浏览器CSS3文字动画框架 AllAnimation.css http://www.dowebok.com/98.html, 代码看附件 98_dowebok.com.zip, 官方例子: https://daneden.github.io/animate.css/ 一个基于 animate.css 的jquery插件 https://github.com/justinzzc/aniAuto 只需添加一些标签属性和一行js脚本就可以组合出复杂的动画效果
css3 37种图片动画样式 http://all-animation.github.io/
CSS 过度动画库 Effeckt.css http://h5bp.github.io/Effeckt.css/

旋转插件jQueryRotate: http://jqueryrotate.com/, 一些中文说明: http://www.css88.com/archives/4519, http://www.dowebok.com/72.html

菜单:
HTML5 SVG和CSS3炫酷液态菜单按钮特效效果演示 http://www.htmleaf.com/Demo/201504081648.html
HTML5 SVG超炫环状导航菜单动画特效效果演示 http://www.htmleaf.com/Demo/201504241731.html
超炫的 CSS3 页面切换动画效果,使用 CSS3 打造一组质感细腻丝滑的按钮 ,美妙的 CSS3 动画!一组梦幻般的按钮效果, 网页边栏过渡动画,  http://www.yyyweb.com/3103.html
美!视差滚动在图片滑块中的应用, 动感的页面加载动画效果, 动感的页面加载动画效果, 奇特的网格加载效果,  http://www.yyyweb.com/350.html
箱子导航 http://paulrhayes.com/experiments/cube/multiCubes.html
翻滚箱子  http://paulrhayes.com/experiments/cube-3d/

 

 

雪花效果:
老外收集的10个下雪特效: http://www.jqueryrain.com/2012/04/top-jquery-snow-falling-effect-plugin-tutorial-with-example/
http://www.jq22.com/jquery-info1429 多边形雪花 简单可以重构
http://www.hehaibao.com/jquery-snow/ 多边形雪花
http://sc.chinaz.com/jiaoben/161113033110.htm 像棉团的雪花
http://sc.chinaz.com/jiaoben/140101345340.htm 3d立体棉团的雪花
http://h5.eqxiu.com/s/0Bu69fZI
http://www.jq22.com/jquery-info228 多边形雪花
http://bookshadow.com/weblog/2014/12/24/jquery-snowfall-plugin/  jQuery雪花插件JQuery-Snowfall Plugin
http://www.jqueryfuns.com/resource/2723 fallingsnow.js插件

 

书本翻页效果
jQuery和css3翻页效果幻灯片插件 http://www.htmleaf.com/Demo/201501181227.html
html5+css3 3d transforms制作超逼真翻书效果演示 http://www.htmleaf.com/css3/transform/20141013170.html
jQuery和css3全屏翻页切换页面特效效果演示 http://www.htmleaf.com/Demo/20141219924.html
5种css3+jquery实现翻页效果演示 http://www.htmleaf.com/Demo/20141023267.html
支持mobile的全屏水平横向翻页效果演示 http://www.htmleaf.com/Demo/201503141519.html
BookBlock可预览的css3+js翻书效果演示 http://www.htmleaf.com/Demo/20141023269.html
15个最佳jQuery的翻页书效果的例子 http://www.html580.com/5059 里面介绍的BookBlock,很优秀

 

图标
Font Awesome 4.6.2 发布了,Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果 http://fontawesome.io/

例子:
CSS3效果(360度旋转、旋转放大、放大、移动) http://www.jq-school.com/Show.aspx?id=281
CSS3 3D transforms-卡片翻转  http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201502031323.html
CSS3带动态阴影效果的3D图片翻转特效 http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201503081486.html
纯CSS 3D百叶窗图像过渡特效 http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201502231413.html
CSS3实现翻转(Flip)效果 实现“正”“反”面的切换 https://segmentfault.com/a/1190000003903190
用CSS3制作50个超棒动画效果教程 http://blog.bingo929.com/50-awesome-css3-animations.html
移动手机APP滑动手指切换图片特效效果演示 http://www.htmleaf.com/css3/ui-design/201510142665.html
手机APP切换页面动画过渡效果 http://www.htmleaf.com/css3/css3donghua/201510252704.html
jQuery+css3九宫格WIN8设计风格鼠标悬停动画效果 http://www.lanrenzhijia.com/js/css3/3115.html
纯CSS提示工具 Tooltips.css http://xurui3762791.github.io/tooltips/
纯CSS3多层云彩变换动画特效 http://hovertree.com/texiao/css3/4/, http://hovertree.com/texiao/css3/4/2.htm
animatedModal.js 全屏暂时特效 http://joaopereirawd.github.io/animatedModal.js/
另外一个独特的页面滚动动画库(CSS3) http://www.cnblogs.com/lhb25/p/create-animate-on-scroll-easily-with-library.html
Rainyday.js – JavaScript 实现雨滴效果 http://www.yyyweb.com/3754.html
Gradientify 是一个简单的 jQuery 插件,它提供了 CSS 梯度过渡效果 https://github.com/codefog/jquery-gradientify
泡泡特效  http://demo.marcofolio.net/bokeh_css/
转动宇宙  http://neography.com/experiment/circles/solarsystem
掉叶子,落叶 https://webkit.org/blog-files/leaves/index.html
立体滚动星星 http://paulrhayes.com/experiments/parallax/
水晶立方体 https://webkit.org/blog-files/3d-transforms/morphing-cubes.html
类似放大镜阴影 http://www.zachstronaut.com/lab/text-shadow-box/text-shadow-box.html
Scrollanim 是结合 CSS3 和 JavaScript 来创建令人惊叹的滚动动画的开源库 http://scrollanim.kissui.io/

HTML5 canvas梦幻圆形泡泡动画背景特效 http://www.htmleaf.com/html5/html5-canvas/201705114504.html
HTML5 canvas炫酷星空背景 http://www.htmleaf.com/html5/html5-canvas/201706124567.html
HTML5 canvas圆形气泡动画背景插件 http://www.htmleaf.com/html5/html5-canvas/201705254534.html
纯CSS响应式六边形网格布局 http://www.htmleaf.com/css3/ui-design/201606203621.html