作为一名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教程:
预览地址:http://animejs.com/documentation/
第二:运用anime.js来制作18种不同的文字特效
每种特效都可以点击按钮切换文字查看效,可以自由设置文字的字体大小和颜色
预览地址:http://yanshi.sucaihuo.com/jquery/28/2891/demo/
第三:最常见的粒子效果
每天更新,
全站高品质素材免费下载!
全站高品质素材免费下载!