CssLoad:CSS動畫設計工具是完全基於CSS的載入動畫設計工具,你可以方便的通過網站的設定面板來調整載入動畫的各項屬性,包括顯示顏色、大小和速率,適用於各種AJAX和JQuery中的等待動畫。
這款載入動畫製作工具的好處是全部使用了CSS來進行動畫渲染,沒有用到任何的JS程式碼,不會拖慢網頁的載入,但缺點也是明顯的,就是對瀏覽器版本的要求比較高。
如果你正在開發一款基於AJAX或者JQuery的應用,又不用擔心瀏覽器支援問題,那麼使用這款完全基於CSS的載入動畫,是非常不錯的選擇。並且,網站預設的這些載入動畫和進度條都是目前非常流行,也是很多網站都用的,不會太過時。
支援CSS載入動畫的瀏覽器
Firefox 5+
Google Chrome
Safari 4+
Safari for IPhone
Android 2+
RIM OS6 web browser
Other browsers with -webkit- prefix
當然,如果你不能確定你的使用者都用的上述瀏覽器,也可以拋棄CSS載入動畫,使用GIF或者APNG圖片來代替,這樣的話選擇就很多了,也同樣來自CSS load開發團隊的另外一款線上製作工具Preloaders.net,裡面有超級多的3D動畫效果,也比使用CSS更加簡單,也是一種不錯的選擇。