loading.io 可產生 CSS、SVG、GIF 的網頁 loading 動畫圖示產生器

loading.io 可產生 CSS、SVG、GIF 的網頁 loading 動畫圖示產生器

製作網頁如果預期會有較長時間的等待,通常會在等待的時間加入一個 loading 的動畫圖示來告知,避免用戶誤以為網頁沒有反應而離開,想要加入一個等待載入的動態圖示,可以來試試 loading.io 網站所提供可自訂圖示動態速度與顏色的動畫圖示產生器,不但可產生 GIF 檔外,還可產生出 CSS 或 SVG 檔,還提供範例語法,讓你輕易地運用到網頁裡。

cssload.net 網頁 loading 動態圖示產生器(CSS3 )

cssload.net 網頁 loading 動態圖示產生器(CSS3 )

在瀏覽網頁的時候,常會看到 loading 動態圖示,尤其是在需要較長時間才能回應的操作上,像是線上影片的觀賞、資料量較大的網頁......等等。想要取得這樣的動態圖示,可以自己製作或是透過 cssload.net 這個免費的網站服務,除了可以利用其提供的 loading 圖示,還可以利用其所提供的工具來編輯該圖示,以取得由 CSS3 語法組成的動畫,來取代 Gif 的動態圖示的缺點,期達到最符合自己網站的要求。

TabsGenerator 網頁選項卡圖示線上產生器

TabsGenerator 網頁選項卡圖示線上產生器

瀏覽網頁時,常會看到分頁標籤,例如 Yahoo 首頁最中間的「焦點新聞」、「運動」、「娛樂」、「新奇」及「發燒話題」等標籤頁,也有人叫做選項卡,不論叫什麼,想要產生 Tab 所用的圖示,最簡單的方法就是利用 TabsGenerator 網站所提供的線上產生器,可自訂顏色、方向、高度、寬度、圓角弧度、邊框......等等,完成設計後,可下載 PNG 圖檔格式來使用,相當方便。