自從Flash徹底從網頁的世界消失後，現在製作動畫，不是使用CSS3動畫屬性，就是使用jQuery動畫套件，而今天要分享一個jQeury的動畫套件animejs，而這一個套件相當的強大，可以製作出各種酷炫的動畫，但得先具備一些程式語法的能力，才有辦法駕馭它，而最近梅干逛網站時，無意間發現一個，蠻有意思的平台，則是利用animejs模組，並利用裡面的參加，調配出16種網頁常見的酷炫動畫文字效果，更棒的是該平台，還將每個動畫的設定參數，全部的秀出來，因此完全無需學習，只需將網站中已調校好的原始碼，直接複製，並貼到自己的專案中，立即就可使用。
雖然說animejs這個動畫模組，可製作出來的特效，絕對不只有這16個而已，因此各位可先套用別人已調校好的設定值，再從中慢慢的學習animejs這模組的架構，以及設定方法後，再去進行專研，會比較快速一些，但對於語法不感興趣的朋友也沒關係，那就一塊來看看，要如何將這16款酷炫的文字動畫，套用到自己的網頁專案中吧！
MOVING LETTERS
網站名稱：MOVING LETTERS
網站連結：http://tobiasahlin.com/moving-letters/
網站連結：http://tobiasahlin.com/moving-letters/
Step1
首先，在進入「MOVING LETTERS」的網站後，會看到16個色塊，而每個色塊則有不同的文字特效。
Step2
當看到喜歡的文字動畫時，點一下文字動畫縮圖，這就會秀出，該特效文字的html結構、css設定，接著再將這些原始碥，拷貝並貼到網頁中。
Step3
以及下方的animejs的相關設定。
Step4
就這樣，依序的將html結構、CSS樣式設定，和animejs的參數，這樣就大告成啦！立即就能實作出如MOVING LETTERS中的文字特效效果啦！是不是超簡單的，因此對於animejs參數設定有興趣的朋友，也可到anime.js的網站中查看囉！
#實作範例展示：