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

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

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

§相關文章,還可以參閱:

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

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

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

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

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

網路上有不少的 影音網站,內容也包羅萬象,利用電腦來觀看影片、聆聽音樂也相當方便,如果喜歡聽重低音音效,但又受限於音效卡的效能限制,不妨可以來安裝 Bass Boost 這個 Google Chrome 瀏覽器的擴充功能,可以提升任何網站所提供的影音在其重低音音效的表現,除了有預設值之外,也提供讓用戶自行手動調整的重低音範圍,大大提升在電腦上觀看影音的整體品質。

使用 Windows 看圖檔時,預設會是以「相片」這個應用程式來開啟,雖說 Windows 相片功能 不單純是用來看圖片而已,但如果只用來看圖,那可能會發覺他開啟圖檔的速度實在有夠慢,因此,如果想要單純來看圖片的話,或許可以考慮 nomacs 這套免費的看圖軟體,除了常見的 JPEG、PNG、GIF、WebP...之外,也包括 RAW 和 psd,該軟體除了看圖之外,還有像是剪裁、旋轉、色相調整、圖片大小調整...等的圖片編輯功能,在看圖功能方面,除了可以多個選項卡及全螢幕之外,還有個「無框」功能,可將應用程式的介面全部隱藏,只剩圖片,讓看照片時可以免去其他的干擾。<br />