CSS3效果或插件收集

资源网站:
懒人之家 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
带37种3D动画特效的跨浏览器CSS3动画框架 AllAnimation.css http://panyongzheng.iteye.com/blog/2276647
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
animate.css – 齐全的CSS3动画库 http://www.dowebok.com/98.html, 代码看附件 98_dowebok.com.zip
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



图标
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/

猜你喜欢

转载自panyongzheng.iteye.com/blog/2289721