CssLoad:CSS動畫設計工具

CssLoad:CSS動畫設計工具是完全基於CSS的載入動畫設計工具,你可以方便的通過網站的設定面板來調整載入動畫的各項屬性,包括顯示顏色、大小和速率,適用於各種AJAX和JQuery中的等待動畫。

cssload CSS線上設計工具

這款載入動畫製作工具的好處是全部使用了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更加簡單,也是一種不錯的選擇。

猜你喜歡

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *