關鍵應用
用EMail訂閱文章 用RSS訂閱文章 搜尋文章
˄

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

標籤: | 

延伸閱讀

目前有0則留言
*暱稱:
*電子郵件: (不會公佈)
網址:
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容:

搜尋文章