Hi, 由於此網頁為一個示範demo,因此將最上方的「正在載入中…」小動畫放大顯示；另外製作一個切換按鈕方便使用者觀看與操作、模擬。
本篇demo中的載入小動畫先製作了12個簡單的放射狀圖形，將這些圖形並列在同一張圖檔上。然後以CSS3 animation屬性的「step()」再將圖片作分割執行，設定每次旋轉30°, 於2 sec轉完一周。除了自行製作圖形，也可以考慮使用preloaders.net這個網站的免費素材(SVG檔)。

載入小動畫中間的Orz文字則大致反映出一個如果開圖開很久(或其它效能不好)，恐怕使用者會很Orz的UX情境XDD
擬人化後的Orz看起來好像在說什麼話的樣子～～既然是Orz的話...那應該就是在說人生好難…吧