MageCDN SVG Loaders 是一個專門提供 SVG 載入動畫圖示的免費資源網站,適合用於網頁或應用程式在載入內容或抓取資料時顯示,提升使用者的等待體驗。這個資源庫包含超過 100 種多樣化的 SVG 載入動畫效果,包括常見的 spinners、throbbers、loaders 等風格,能滿足各類網站和應用程式的加載需求。所有動畫均採用 SVG 向量格式,不受縮放限制,可在不同裝置和解析度下保持清晰度。這些載入動畫皆為開放原始碼資源,採 MIT License,免費提供給個人及商業項目使用。
超過 100 種 SVG 載入動畫效果,包含 spinners、throbbers 等樣式,適合網頁和應用程式的加載過渡使用
1.進入 MageCDN SVG Loaders 網站就可以看到授權說明及所有的圖示效果。
2.點選任一動畫圖示,即可以放大預覽,點擊「Copy」可將 SVG 程式碼複製到剪貼簿,點擊「Download」可以直接下載成 SVG 向量圖檔。
3.根據網站說明,MageCDN SVG Loaders 內的所有的動畫圖示,均來自其他網站,這些網站可以在頁面底部取得。
4.以 n3r4zzurr0 / svg-spinners為例,網站內的載入動畫圖示,同一動畫圖示,不僅有 SVG 向量格式,還有 CSS 程式碼可以下載。
網頁或應用程式在存取資料的期間,如果時間稍久,很容易讓使用者誤以為是軟體或硬體出現問題,所以若可以在這段時間適當的顯示載入圖示,將有助提升使用者在等待時的視覺體驗。