Odometer (里程表數字)

數字出現在畫面上時，從起始值計數到目標值。

在[套用位置]加入「數字遞增」(Number Ticker)，也叫 count up 或 animated counter。
數字進入畫面時，從零計數到目標值，一開始快，接近終點時柔和地放慢。
使用等寬數字，避免周圍內容抖動；只計數一次；對螢幕閱讀器以及開啟了「減少動態效果」(prefers-reduced-motion) 的使用者，直接顯示最終數值。

字元像機場航班看板一樣翻動，直到停在目標字母上。

在[套用位置]加入「翻牌文字」(Split-Flap Text) 效果，也叫翻牌看板 (text flipping board 或 flip board)。
每個字元格快速翻過字母表，直到停在目標字母上，各字元格從左到右依序停穩。
每次文字出現或變化時執行一次，只向螢幕閱讀器朗讀最終文字；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就不翻動、直接顯示最終文字。

句子中的一個詞以滑動、翻轉或淡入淡出的方式換成清單中的下一個詞。

在[套用位置]加入「文字輪替」(Word Rotate) 效果，也叫輪替詞 (rotating words) 或翻轉詞 (flip words)。
行內的一個詞向上滑出，清單中的下一個詞從下方滑入，每個詞停留片刻後再切換。
詞寬不同時不要讓這一行的其餘部分跳動，不要讓螢幕閱讀器朗讀每次切換；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止輪替。

線條和圓點在地圖或地球上的各個地點之間動態移動。

在[套用位置]加入「動態地圖弧線」(Animated Map Arcs)，也叫 globe arcs。
曲線在點狀地圖的各地點之間依序畫出，接著往目的地收回，同時目的地有一圈柔和的光環脈動：平靜而穩定。
讓各條弧線錯開時間，絕不同步移動；循環要無縫；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就暫停播放。

長條從零高度升到各自的資料值。

在[套用位置]加入「長條圖成長」(Bar Chart Grow) 動畫，也叫 animated bar chart 或 bar chart entrance。
各根長條以快速的錯開節奏依序從基線升到各自的數值，落定時平順減速。
圖表進入畫面時只播放一次；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接顯示完成後的圖表。

隨著數值變化，水平長條的排名隨時間不斷交換。

在[套用位置]加入「長條圖競賽」(Bar Chart Race)，也叫 racing bar chart。
水平長條隨數值隨時間變化而伸縮，每當排名改變時平順地彼此超越，每根長條都帶著自己的標籤。
用 transform 移動長條，而不是重新排列標記結構，讓交換過程是滑動而不是跳動；並提供使用者暫停的方式。