Loaders 提供給開發者免費的讀取動畫圖示,使用 CSS 與 SVG 動畫與且支援 React 使用。
這是 Github 上一個開發者分享的純 CSS 製作的讀取動畫,有喜歡的可以拿去使用。
SpinKit 收錄了一些漂亮的純 CSS loading 動畫,只要直接把 code 複製回去就能使用了。
Load Awesome 收錄了一些純 CSS 的讀取動畫,可以複製後拿回自己的網站應用。
QueryLoader2.js 是一個可以製作當頁面內容還沒讀完時,遮住整頁的遮罩效果的套件。
做網站的時候常常會需要用到讀取動畫,最古老都是使用 gif,後來有一陣子我有使用過 CSS3 的,但近年因為發現 svg 很強大,所以就都改用 svg 的動畫來當讀取的 icon 了,而 loading.io 這個網站就是準備了很多現成的讀取動畫讓我們可以直接下載回去用的方便網站。