1. 首页
  2. 前端

前端优秀超炫JS动画组件库整理搜集

平时工作中,我们可以自己写一些动画js插件,研究轮子怎么造,从而巩固技能。但是对于一些优秀的js插件,我们没必要去重复造轮子。这里整理了一些优秀的超炫的动画特效js插件,以供在项目中提高开发效率和提升用户体验。

1.wowJS

WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件,结合animate.css,很容易定制,你可以改变动画设置喜欢的风格、延迟、长度、偏移和迭代等。当你滚动页面的时候会看到各式各样的元素动画效果,非常动感。。链接地址

前端优秀超炫JS动画组件库整理搜集

2.vivus.js

Vivus是一个可以执行 SVG 路径动画的轻量级的JavaScript库(无依赖项),可让您为SVG设置动画,从而使它们具有被绘制的外观,可以使用多种不同的动画,还可以选择创建自定义脚本以任意方式绘制SVG,让您的SVG栩栩如生。链接地址

3.cta.js

cta.js是一个基于javascript实现的轻量级Modal模态框效果代码,无需使用jQuery插件,纯js编写的模态框弹出特效。链接地址

4.ScrollReveal.js

ScrollReveal是一个兼容PC端和移动设备的滚动动画组件JavaScript库,用于在元素进入/离开视口时轻松对其进行动画处理。 它的设计既稳定又灵活。scrollReveal不依赖于任何插件库,它的所有动画都是通过css3来创建的,所以兼容性也必须是支持CSS3比较好的浏览器,如:IE10+    chrome    Firefox   Safari    opera 链接地址

5.Transit.js

TransitJs是一个可制作超级平滑的CSS3 transformations 和 transitions动画的jQuery插件,他必须依赖jQuery。它能够通过jQuery来完成CSS转换和过渡动画效果,比默认的.animate方法要顺畅得多,这对于一些不支持CSS3转换和过渡属性的浏览器来说是一个非常有用的jQuery插件。链接地址

6.parallax.js

Parallax.js是一个简单、轻量级的jQuery滚动视差引擎插件。Parallax.js插件小于1kb,它能够在页面滚动时为指定的背景图片制作炫酷的视觉差效果,并提供参数来控制视觉差动画的延迟,方向和速度等。也能够在智能设备的方向作出反应,凡没有陀螺仪或运动检测硬件是可用的,光标的位置来代替。链接地址

7.createjs

CreateJS是基于HTML5开发的一套模块化的库和工具。基于这些库,可以非常快捷地开发出基于HTML5的游戏、动画和交互应用。如果对于简单的动画,使用css3和animate.css就可以了。当需要开发复杂交互逻辑,例如问答游戏,棋牌游戏,赛车游戏,蘑菇人游戏,或者一些需要复杂图形/线条变换的页面,可以使用createjs完成。[国内]链接地址[国外]链接地址

8.Anime.js

Anime.js 是一个轻量的JavaScript 动画库, 拥有简单而强大的API。可对 CSS 属性、 SVG、 DOM 和JavaScript 对象进行动画。链接地址

9.Typed.js

Type.js是一个轻量级的用于实现页面文字打字机效果的插件。链接地址和 实例Git地址

10.TypeIt.js

世界上最通用的JavaScript动画输入工具。和typed.js有点类似。链接地址

11.Granim.js

Granim.js是一个轻量级的用来创建流体和交互式渐变动画的javascript库。链接地址

12.motion.js

Motion 是一款基于ZeptoJS,为移动终端Web应用量身定制的组件库,为移动设备而生,重点开发结合HTML5新特征的创新实用组件。链接地址

前端优秀超炫JS动画组件库整理搜集

原创文章,作者:Ferrycoln,如若转载,请注明出处:https://ms200.cn/archives/1029

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:499661635@qq.com.com

工作时间:周一至周五,9:30-18:30

QR code