Loading gif svg css

2017-08-08 22:33:36 艾倫

loading.io 線上免費 Loading 載入中圖示產生器

網頁上想要製作屬於我們自己的載入圖示嗎?推薦使用 loading.io 線上免費 Loading 動畫圖示產生器,網頁顯示的速度快慢牽涉很多層面的問題,為了讓讀者多等待一些時間,這時 Loading 動畫圖示成了讓讀者轉移注意的小細節,而且還可以產生「動畫向量圖」,SVG 向量圖形可以說是目前網頁製作圖形的趨勢,放大後展示效果仍然很清晰,不會有馬賽克效果。

Loading動畫圖示產生器:https://loading.io/

▽ 站上提供了多款免費使用的 Loading 動畫圖示讓大家使用,另外也有一排 Loading 動畫圖示是標註 $1.99需付費的,艾倫個人覺得免費的部份就已經很夠用,付費的其中一款 fidget-spin跟現在超流行的指尖陀螺造型很相像,蠻特別的 Loading圖式設計。
loading

▽ 艾倫使用 Google 翻譯將可調整的工具列翻譯成中文截圖讓大家參考,可以修改 Loading 動畫圖示的顏色、球數、球半徑、配色方案、旋轉的速度、尺寸、背景顏色..等設定。

loading01

▽ 有的網頁設計底圖不一定是白色,Background背景顏色也能自己依據我們的需求來設定。

loading02

▽ 按下 Color Scheme 會顯示下方的配色方案, 讓我們 Loading 動畫圖示的顏色與我們網頁更匹配。

loading03

▽ 站上所有的 Loading動畫圖都支援 GIF、SVG、CSS 下載,CSS 的部份也會提供相對應的語法。

loading04

網頁需要特殊的 Loading 動畫圖示從 loading.io 網站製作不用 10 秒鐘就能完成。

Loading動畫圖示產生器:https://loading.io/

更多資訊請參考:
遠傳網路門市 4.5G 上網吃到飽,只要 599 元!加碼日本除蟎機、美國空氣清淨機、航海王行李箱 0 元帶回家!
HUAWEI P20 Pro 開箱評測,拍照手機就是這一支!三鏡頭與手持夜拍太猛了!
開箱 ASUS ZenFone 5 智慧 AI 手機,生活智慧與手機的結合
【開箱】米家石頭掃地機器人,連拖地都一次搞定!Qoo10 全球購物網
開箱 PAPAGO! WayGO! 550 五吋導航機,可搭配 GoSafe TPMS 300 胎壓偵測器
虛擬主機推薦|台灣 VPS 推薦