作為一名web前端攻城獅，除了完成日常業(yè)務(wù)邏輯處理之外，也會去注重一些用戶體驗(yàn)交互的問題。特別是如今web前端的發(fā)展很快，很多優(yōu)秀js插件層出不窮。對于web前端開發(fā)者，也要會利用這些現(xiàn)有的js插件，提升自己項(xiàng)目的交互體驗(yàn)。

今天，學(xué)堂君給大家推薦一個(gè)web前端攻城獅一定會喜歡的全能JS動(dòng)畫庫插件——anime.js

anime.min.js是javascript動(dòng)畫庫的anime.js的壓縮版，目前anime.js最新版本V2.2

anime.js官網(wǎng)：http://animejs.com/

anime.js可以和CSS3屬性,SVG,DOM元素和JS對象一起工作,制作出各種高性能,平滑過渡的動(dòng)畫效果。

立即下載anime.js

那么，到底anime.js可以做一些前端開發(fā)特效呢？

第一：從官網(wǎng)去看下使用文檔，算是最基礎(chǔ)的入門anime.js教程：

預(yù)覽地址：http://animejs.com/documentation/

第二：運(yùn)用anime.js來制作18種不同的文字特效

每種特效都可以點(diǎn)擊按鈕切換文字查看效，可以自由設(shè)置文字的字體大小和顏色

預(yù)覽地址：http://yanshi.sucaihuo.com/jquery/28/2891/demo/

第三：最常見的粒子效果

預(yù)覽地址：http://www.jq22.com/yanshi11249