脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-顶级的CSS和Javascript动画框架推荐，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

CodePEn 是一个在线的前端代码编辑和展示网站，能够编写代码并即时预览效果。可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果

9.3D Synth

Pure CSS 3D Synthesizer (mousedown for rotation)by Nikolay Talanov (@suez).

使用纯 CSS 制作的 3D 电子琴效果，点击鼠标可以旋转。

10.CasCADing Solar System

Cascading Solar System!by Tady Walsh (@tadywankenobi).

太阳系的模型，完成了旋转速度、卫星和每一个大的行星的细节。看起来就像现实世界的东西！

 

11.3D Solar System

Full CSS 3D Solar Systemby Wayne Dunkley (@waynedunkley).

另一个太阳系的系统模型，不过这个是 3D 的，有美丽的阴影效果。

 

12.Flat Design Camera

Flat design camera wITh CSS animationby Damien Pereira Morberto (@damienpm).

使用@L_126_1@模拟在相机上按下快门，拍摄照片的动画效果。

 

13.Day and Night Transition

Day Night simulationby Szymon Stypa (@Catagen).

点击下面的按钮可以看到白天和黑夜的模拟效果。

 

14.AniMATEd sprite with CSS

Animate sPRite with CSSby Avaz Bokiev (@samarkanDIY).

示范序列图像（雪碧图）可以用来创建定格动画，配有正向和反向运动。

 

15.Dodecahedron

Dodecahedronby wontem (@wontem).

一个完全用 CSS 创建的微妙的，美丽的十二面体动画。

 

1.jQuery Transit

该jquery插件扩展了jQuery的动画功能，增加了许多CSS3特性，如rotata（旋转）、skew（扭曲）、scale（缩放）等。

2.Transform.js

这也是一个jQuery插件，不过它扩展的是animate()与css()方法的功能。通过其引入的CSS3属性你可以完成一系列的动画效果。

3.Paper.js

Paper.js是一个开源的矢量图形脚本框架，运行于HTML5 canvas（画布）之上。它提供了一个整洁的场景图（Scene Graph）或文档对象模型来创建矢量图形，并且拥有许多强大的功能，可以生成贝赛尔曲线等。所有这一切都通过一个精心设计的整洁一致的编程接口封装了起来。

4.Move.js

Move.js是一个小巧的JavaScript库，可以创建非常简单而优雅的CSS3动画。

5.JSAnim

jsAnim是一个强大却易于使用的JavaScript库，绝对可以让你创建令人惊叹的动画效果，而不会影响项目的可用性。它只有不到25KB，但却非常强大。

6.GX

GX是一个功能完善的、跨浏览器的超轻量级（未压缩状态下只有10KB）JavaScript动画框架。使用GX框架，你可以利用所有的W3C CSS属性来创建复杂动画效果。

7.Animatable

纯粹的CSS3动画方案。这里有一个demo，你可以看见使用它能实现什么样的动画效果。

8.Animate.css

Animate.css是一个可直接用于项目的有趣的、跨浏览器动画方案，包括一个纯粹的CSS3动画库及一些预定义的动画片段。

9.$fx

一个轻量级的JavaScirpt动画库，对JavaScript DOM函数进行了扩展。它体积很小（只有3.7KB）——健壮的实现，较低的学习成本，总之$fx是一个不错的选择。

10.Scripty2

Scripty2是一个强大灵活的JavaScript框架，可以让你编写属于自己的“可视化大餐”或者令人深刻的用户界面。它是Flash的竞争对手。

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-顶级的CSS和Javascript动画框架推荐全部内容，希望文章能够帮你解决javascript代码实例教程-顶级的CSS和Javascript动画框架推荐所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。