浙江铃声推荐联盟

web前端攻城狮超爱的JS动画库插件—anime.js

皮克像素2018-12-05 11:49:03

作为一名web前端攻城狮,除了完成日常业务逻辑处理之外,也会去注重一些用户体验交互的问题。特别是如今web前端的发展很快,很多优秀js插件层出不穷。对于web前端开发者,也要会利用这些现有的js插件,提升自己项目的交互体验。

 

今天,皮克像素给大家推荐一个web前端攻城狮一定会喜欢的全能JS动画库插件——anime.js

anime.min.js是javascript动画库的anime.js的压缩版,目前anime.js最新版本V2.2

anime.js官网:http://animejs.com/

anime.js可以和CSS3属性,SVG,DOM元素和JS对象一起工作,制作出各种高性能,平滑过渡的动画效果。

立即下载anime.js

 

那么,到底anime.js可以做一些前端开发特效呢?

第一:从官网去看下使用文档,算是最基础的入门anime.js教程:

预览地址:http://animejs.com/documentation/

 

第二:运用anime.js来制作18种不同的文字特效

每种特效都可以点击按钮切换文字查看效,可以自由设置文字的字体大小和颜色

预览地址:http://yanshi.sucaihuo.com/jquery/28/2891/demo/

 

第三:最常见的粒子效果

预览地址:http://www.jq22.com/yanshi11249