SpinKit 馬上就可以套用的網頁 CSS loading 動畫圖示
網頁加載時,如果可以給予提示,告訴訪客網站確實有按要求正在動作,相信訪客會比較願意等候,因此,在很多的網站中,會看到利用百分比的進度條、loading 的動畫圖示來顯示,直到加載完成,以 loading 的動畫圖示來說,可以使用 GIF 動畫圖檔來製作,不過前提是須要有 GIF loading 圖檔,另外一種則是利用 CSS 來製作,Tobiasahlin 這個旗下的 SpinKit 網站,提供了以 CSS 為主的 loading 動畫圖示,並提供 HTML 與 CSS 的語法讓有需要的用戶快速套用。
【Tobiasahlin SpinKit 網站資訊】
如何使用 SpinKit 所提供的 loading 動畫圖示?
1.使用瀏覽器進入 Tobiasahlin SpinKit 網站,就可以左、右移動來看所展示的 loading 動畫圖示。
2.loading 圖示的上方有 Source 字樣,可以點擊來取得 HTML 與 CSS 的應用語法。
標籤:CSS Loading 圖示 | Loading
想在手機閱讀更多css資訊?下載【香港矽谷】Android應用