在網頁設計上,你可能固定使用某幾個動畫庫,但你知道 GitHub 上面其實有超多超夯的前端動畫庫嗎?
前端動畫不僅能代表該網頁製作者與單位的用心,同時也能增加使用者好的體驗,
這篇文章幫喜愛網頁互動動畫的你整理了10個超多人推薦的前端動畫庫!
我們趕快往下看吧!
1. jQuery.countdown
創立者:hilios
GitHub 人氣:2.2K stars
GitHub 傳送門:https://github.com/hilios/jQuery.countdown
2. aniJS
創立者:anijs
GitHub 人氣:3.6K stars
GitHub 傳送門:https://github.com/anijs/anijs
3. matter-js
創立者:liabru
GitHub 人氣:9.7K stars
GitHub 傳送門:https://github.com/liabru/matter-js
4. timesheet.js
創立者:sbstjn
GitHub 人氣:6.7K stars
GitHub 傳送門:https://github.com/sbstjn/timesheet.js
5. slideout
創立者:pazguille
GitHub 人氣:7.9K stars
GitHub 傳送門:https://github.com/Mango/slideout
6. Hover.css
創立者:lanLunn
GitHub 人氣:22.4K stars
GitHub 傳送門:https://github.com/IanLunn/Hover
7. Animate.css
創立者:daneden
GitHub 人氣:65.1K stars
GitHub 傳送門:https://github.com/daneden/animate.css
8. Plyr
創立者:sampotts
GitHub 人氣:16.3K stars
GitHub 傳送門:https://github.com/sampotts/plyr
9. Vivus.js
創立者:maxwellito
GitHub 人氣:12.8K stars
GitHub 傳送門:https://github.com/maxwellito/vivus
10. Slick
創立者:kenwheeler
GitHub 人氣:25.2K stars
GitHub 傳送門:https://github.com/kenwheeler/slick
以上就是十個超熱門的前端動畫庫啦!
如果你對網頁前端感興趣,可以到快樂學程式的Udemy逛逛,有不同類型的課程,老師的深入淺出絕對可以激發你的工程思維!
如果你的入門還在單打獨鬥,歡迎來到快樂學程式找到志同道合的夥伴,你的自學之路不孤單。