9個前端動畫庫讓你的互動更加性感

摘要： 上期入口：9個用來爬取網路站點的Python庫 :one:Animate.css CSS3 動畫庫，也是目前最通用的動畫庫。 官網： https://daneden.github.io/animate.css/ :two:An...

上期入口： 9個用來爬取網路站點的Python庫

:one:Animate.css

CSS3 動畫庫，也是目前最通用的動畫庫。

• 官網： https://daneden.github.io/animate.css/

:two:Anime.js：

一個強大的、輕量級的用來製作動畫的 Javascript 庫

• 官網： https://www.shiyanlou.com/questions/102031

:three:Hover.css：

CSS hover 懸停效果，可以應用於連結、按鈕、圖片等等。

• GitHub： https://github.com/IanLunn/Hover

:four:wow.js:

滾動展示動畫

WOW.js 依賴 animate.css，所以它支援 animate.css 多達 60 多種的動畫效果。

• 官網： https://www.delac.io/wow/

:five:scrollReveal.js：

類似 wow.js

• 官網： https://scrollrevealjs.org/

:six:Magic.css：

css3 animation 動畫庫

• GitHub： https://github.com/miniMAC/magic

:seven:Waves：

點選波紋效果

• GitHub： https://github.com/fians/Waves

:eight:move.js：

一個小型的 JavaScript 庫，通過 JS 來控制一系列的 CSS 動畫順序執行，使 CSS3 動畫變得非常簡單和優雅。

• GitHub： https://github.com/visionmedia/move.js

:nine:Velocity.js：

一個功能齊全的 JavaScript 動畫套件，包括諸如淡入淡出、滾動、滾動、停止、結束、翻轉等動畫效果。

• 官網： http://velocityjs.org/