網頁過場(transitions)框架推薦 — barba.js
覺得我們的內容實用嗎？ MyApollo 電子報讀者募集中！歡迎訂閱電子報!
有時候網頁所帶來質感是由一些細節所決定，例如從頁面 A 到頁面 B 時，可以加入過場的特效，譬如淡出、淡入、翻頁、滑入等效果，使用者就會留下網頁生動的印象。當然，這種特效絕對不能太多，否則也會讓使用者感到煩躁、反感。
barba.js 是 1 個專門做網頁過場的框架，是由 TypeScript 所開發的 package, 不僅大小只有 7kB ，也支援 Chrome, Firefox, Edge, Safari, Opera 以及 IE10+ 等現代瀏覽器，
之所以說 barba.js 是框架，是因為 barba.js 不提供動畫的函式庫(library)，而是採用整合 gasp, popmotion, animejs, mojs 以及 spirit 函式庫的方式，讓使用者可以利用現有的動畫函式庫做出過場效果（畢竟動畫函式庫太多了，沒必要再多開發一套）。
如果你需要為網頁做過場特效的話，不妨從 barba.js 著手吧！
