Anime.js：輕巧的JavaScript動畫庫

hayv2930 7年前發布 | 25K 次閱讀 JavaScript開發 JavaScript

Web動畫已經發展了很長的時間。開發者不僅可以使用CSS/SVG/JS等多種工具來制作動畫，而且我們還可以使用很多免費的庫來節省動畫制作的時間。

我最喜歡的動畫庫之一，就是 Anime.js ，它是一個完全免費、開源的JavaScript動畫庫。

這個庫有著豐富的功能，它是針對JavaScript所開發的，而且它同時也非常依賴CSS動畫。你可以在DOM中將其與用在單一的頁面元素之上，你也可以將其用在個性化SVG上。

它的文檔被self-host在 GitHub 之上，這個文檔非常相信，你可以在上面找到所有你所需要的東西。它的每一個動畫特性都配備了具體的參數，例如延遲、持續時間和消除等。

但是請注意，這個庫并沒有提供過多的預設動畫效果。Anime.js所針對的，是那些不想自己寫verbose代碼，同時希望對動畫效果進行高度自定義的開發者。

具體事例，你可以參考這個 Codepen pen 。這個代碼非常簡潔，但是你卻可以用它做出非常逼真的動畫效果。

還有一點要注意的是，Anime.js需要你具備一定的只是。使用它創建動畫并不是非常難，但是你需要掌握基本的JavaScript語法才能熟練使用它。

要想使用這個庫，你所需要的所有信息都在這個 repo page 上，包括很多代碼實例和相信的文檔圖表。你還可以瀏覽一下它的bug報告，或是查看瀏覽器支持列表，目前這個庫支持所有主流的瀏覽器以及IE 10+。

對于Web開發者來說，它是最方便的動畫庫之一，在創建復雜動畫的時候，它值得成為你的首選解決方案。

本文由用戶 hayv2930 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。

轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。

本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！