現在建立帳戶
或使用以下方式註冊
已有帳戶?立即登入!
如果對UI/UX不太熟悉的你可以先瀏覽【網頁設計】一文學懂什麼是 UI/UX設計，了解UI/UX對於網頁設計的重要性！在網頁加入動畫效果能令網頁生色不少，然而動畫製作背後涉及不少繁複步驟，令不少人卻步！
幸好現時坊間有不少第三方JavaScript動畫庫，為大家提供更多選擇！Freehunter明白你正努力提升網站的用戶體驗，所以今天我們為你整合各類網頁動畫製作工具，助你在網頁設計更進一步！
GreenSock (GSAP)特點：
GSAP 是目前其中一個最受歡迎的免費動畫庫。它是 JavaScript 的套件，而且能符合 HTML5 的規範，能套用在幾乎現今所有的瀏覽器，可以從簡單的效果延伸到各種複雜的特效，方便管理與改動。GSAP提供了不同的版本如TweenMax、TweenLite、TimelineLite、TimelineMax等等，滿足不同使用者的需求。
Anime.js特點：
Anime.js的最大特點是它極小的容量！相比其他網頁動畫製作工具，它只佔極小電腦容量，只有6.2 KB。你可以利用 Anime.js在LOGO、按鈕、圖像等各類元素上加入動畫，它能配合CSS性能、DOM及SVG屬性。它支援各種常見的觸發機制，比如點擊、懸停、滑動，提升網站的UI/UX體驗。
Three.js特點：
Three.js 是一個製作3D動畫的定件，它是一套基於 WebGL 開發出的 Javascript 函式庫，它提供了比 WebGL 更簡單的 Javascript 應用程式介面，讓開發者能夠輕易在瀏覽器創作 3D 繪圖。Three.js 使用場景放置物件，把物件增加到場景之後，需要為場景提供一個相機（觀察點），然後使用繪製器繪製，令圖像呈現3D效果。
在網頁加入動畫效果能令網頁生色不少，但同時製作適合網頁風格的動畫亦非想像中簡單！正尋找專業的網頁設計師？Freehunter有超過30，000位Freelancer，當中不少網頁設計師很多都具備專業資格和豐富經驗，相信他們絕對能提供專業的意見和協助！趕快免費發佈工作以尋找專業Freelancer為您服務吧！
精選30,000+位自由業者，涵蓋18種不同行業， 
一個網站一應俱全。
參考資料及多媒體來源：
https://yalantis.com/blog/web-animation-technologies-and-tools/
https://www.codeinwp.com/blog/best-javascript-animation-libraries/
https://gogoshark.com/10-best-free-animation-libraries/
https://codepen.io/kassandrasanch/details/mdevxPx
https://luccianos.net/
https://threejs.org/
https://animejs.com/
https://greensock.com/
🚀超過20,000位自由工作者註冊，包括攝影師、平面設計師、司儀、魔術師、樂隊等等。專才可在網站上互相交流，建立人脈及探索事業機會。歡迎往下瀏覽他們的專頁，直接聯絡你喜歡的自由工作者!
💼超過25,000 名客戶及用戶使用，包括阿里巴巴、電訊盈科、香港大學、UBS、Uber等。
我想接案 
