thoughtbit / it-note

:books: 琐碎的知识, I code it
315 stars 36 forks source link

动画 #33

Open moocss opened 9 years ago

moocss commented 9 years ago

https://github.com/o2team/elf (灵活可扩展的 HTML5 构建工具 👍 👍 💯 , 推荐)

https://github.com/juliangarnier/anime (a lightweight JavaScript animation library. It works with any CSS Properties, individual CSS transforms, SVG or any DOM attributes, and JavaScript Objects. 👍 👍 💯 , 推荐)

https://github.com/Okazari/Rythm.js (一个会跳舞的动画库)

http://anijs.github.io/ (一个嵌入式的来调用 CSS3 Animations 的库 :+1: )

https://github.com/szynszyliszys/repaintless (Library for fast CSS Animations )

http://anicollection.github.io/ ( 动画集合演示)

http://popmotion.io/

http://isux.tencent.com/css3/index.html (动画手册和动画工具)

https://ihatetomatoes.net/wp-content/uploads/2015/05/GreenSock-Cheatsheet1.png

GreenSock 案例: http://www.shanemielke.com/archives/usopen-sessions/ http://makemepulse.com/ http://marquonslhistoire.com/en/semifinals/ http://codecloud.net/show/CardExpansion/index.html

moocss commented 8 years ago

https://github.com/julianshapiro/velocity/ velocityjs.org (加速JavaScript动画, Accelerated JavaScript animation. )

http://dynamicsjs.com/ ( 基于物理原理的动画, JavaScript library to create physics-based animations)

moocss commented 8 years ago

http://sequencejs.com (Sliders Responsive CSS animation framework )

moocss commented 8 years ago

http://ScrollMagic.io (The javascript library for magical scroll interactions.)

moocss commented 8 years ago

http://tweene.com (JavaScript Animation Proxy )

Tweene [twiːni] is something different. It is an animation proxy: used as a wrapper of your chosen library, it may allow you to do more and better and it makes easy to switch from one library to another any time you want. Currently it can work together with GSAP, Velocity.js, Transit (CSS transitions) or jQuery.

moocss commented 8 years ago

http://codepen.io/snorpey/pen/wpKLl ( velocityjs 动画创意- 积木) http://codepen.io/rachsmith/pen/Fxuia ( velocityjs 动画创意-logo)

http://codepen.io/mjau-mjau/pen/yDKBh ( velocityjs 动画创意-menu)

http://codepen.io/tommiehansen/pen/netCu (Velocity.js sequence) http://codepen.io/tommiehansen/pen/mkgbK (Velocity.js sequence - 相册动画)

moocss commented 8 years ago

http://speckyboy.com/2015/09/09/css-animation/ (CSS Animation Tools, Frameworks & Tutorials)

moocss commented 8 years ago

https://github.com/elrumordelaluz/csshake/ (css 抖动)

moocss commented 8 years ago

https://github.com/nielse63/jquery.transition