创建优质动画的14个JavaScript库(1/2)

原创|行业资讯|编辑:龚雪|2015-11-30 08:58:39.000|阅读 96 次

概述:随着JavaScript技术的不断发展,它的动画库也如雨后春笋般层出不穷。本文介绍一些实用的JavaScript动画库,希望它们能帮助你创建出令人着迷的用户体验!

相关链接:

如今,在网站中嵌入动画已成为一个热门的设计趋势,许多公司都已开始转向并拥抱HTML5、CSS3和JavaScript这个技术“三人组”。尽管这些技术还不能制作一些非常复杂的动画,但是如果拥有好的想法以及优秀的类库,使用它们制作一些优质的动画也不是不可能。

随着JavaScript技术的不断发展,它的动画库也如雨后春笋般层出不穷。本文介绍一些实用的JavaScript动画库,希望它们能帮助你创建出令人着迷的用户体验!

1) Dynamics.js

Dynamics.js是一款可以创建物理运动动画效果的js库插件。你可以使用它来制作任何DOM元素的CSS属性动画,也可以制作SVG属性动画和任何JAVASCRIPT对象动画。

创建优质动画的14个JavaScript库(1/2)

2) Cta.js

Cta.js是一款轻量级的Modal模态框插件,这是一款无需使用jQuery插件,纯Js编写的模态框弹出特效。此外,它还有一个特色就是拥有视觉连续动画。

创建优质动画的14个JavaScript库(1/2)

3) Beep.js

Beep.js是一款使用WebAudio API基于浏览器的JavaScript工具包,用来开发声音合成应用。你可以使用它来做一个电子琴。

创建优质动画的14个JavaScript库(1/2)

4) Rainyday.js

Rainyday.js是一个轻量的JavaScript库,它利用HTML5 Canvas实现雨滴下落在玻璃表面的动画效果。Rainyday.js尽可能的模拟现实的雨滴效果,几乎可以以假乱真了。

创建优质动画的14个JavaScript库(1/2)

5) Iconate.js

Iconate.js是一款能跨浏览器的图标动态化的高性能的库。

创建优质动画的14个JavaScript库(1/2)

6) Dom-Animator.js

Dom-Animator.js是一个极好的JavaScript库,用来在页面的DOM注释中显示小的ASCII动画。它是一个独立的库,不依赖jQuery或者其它库,所以使用是非常简单的。您不需要任何CSS或HTML,只是JavaScript而已。

创建优质动画的14个JavaScript库(1/2)

7) Famous

Famous是一个设计现代动画的强大JavaScript库。它的事件基于系统更新,转换更加容易,从而使动画更加流畅。

创建优质动画的14个JavaScript库(1/2)
本文翻译至codecondo.com转载请注明本文转载自慧都控件网


标签:JavaScript HTML5Web开发

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:慧都控件网

登录慧都网发表评论登录


2015-11-30 10:17:02.000

非常有用的JavaScript动画库,感谢分享!


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
在线客服 在线QQ 电话咨询
400-700-1020
在线客服系统
live chat