SpinKit 馬上就可以套用的網頁 CSS loading 動畫圖示

..

SpinKit 馬上就可以套用的網頁 CSS loading 動畫圖示

網頁加載時,如果可以給予提示,告訴訪客網站確實有按要求正在動作,相信訪客會比較願意等候,因此,在很多的網站中,會看到利用百分比的進度條、loading 的動畫圖示來顯示,直到加載完成,以 loading 的動畫圖示來說,可以使用 GIF 動畫圖檔來製作,不過前提是須要有 GIF loading 圖檔,另外一種則是利用 CSS 來製作,Tobiasahlin 這個旗下的 SpinKit 網站,提供了以 CSS 為主的 loading 動畫圖示,並提供 HTML 與 CSS 的語法讓有需要的用戶快速套用。

【Tobiasahlin SpinKit 網站資訊】
網站語言:英文
服務性質:免費

如何使用 SpinKit 所提供的 loading 動畫圖示?

1.使用瀏覽器進入 Tobiasahlin SpinKit 網站,就可以左、右移動來看所展示的 loading 動畫圖示。
ContentPhoto3157

2.loading 圖示的上方有 Source 字樣,可以點擊來取得 HTML 與 CSS 的應用語法。
ContentPhoto3157


想在手機閱讀更多css資訊?下載【香港矽谷】Android應用
分享到Facebook
技術平台: Nasthon Systems