loading
Please wait while loading...

查看詳情 利用 CSS3 產生載入中圖示

隨著Web2.0的高速發展, ajax在網頁設計中變得舉足輕重。而在我們設計ajax時, 常常需要為載入間隔加入載入中的訊息, 以往我們多半會用gif圖示或直接幾個文字交代載入中的訊息, 而現在, 你可有一個新的選擇。

利用 CSS3 的 animation 和 transform, 你可以很簡單地使用純 CSS 產生一個 loading 的圖示, 當然這只是一堆元素組合而成的一個動畫, 並不是一張真正的圖片, 但比起使用gif圖示就多了幾分時尚, 效能也比使用圖示為高, 而且方便易用, 隨時可依喜好更改顏色形狀:

 
 
 
 
 
 
 
...........