Kinetic Typography (動態文字排版)

標題被拆分成字元、單字或行，以短暫延遲依序動畫進場。

在[套用位置]加入「文字拆分交錯」(Split Text Stagger) 進場效果，也叫逐字交錯 (letter stagger) 或 staggered text reveal。
把標題拆成單個字母，字母之間留出短暫延遲，依序上移並淡入，快速流暢，不要有彈跳感。
標題進入畫面時只播放一次，讓螢幕閱讀器把它當作一個完整的詞讀出；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接顯示、不做動畫。

字母依序上下起伏，在整個詞中形成流動的波浪。

在[套用位置]加入「波浪文字」(Wavy Text) 效果，也叫文字波浪 (text wave)。
字母依序上下起伏，讓一道輕柔流暢的波浪不斷穿過整個詞。
無縫循環，讓螢幕閱讀器把它讀作一個詞；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止波浪。

一個詞被複製成許多層疊的副本，隨捲動錯開移動。

在[套用位置]加入「文字重複」(Text Repetition) 效果，也叫 repeated text scroll。
把一個詞複製成一疊更淡的描邊副本，隨使用者捲動從它身後展開，往上捲動時再收攏回去。
讓展開程度直接綁定捲動位置，並對螢幕閱讀器隱藏多餘的副本，讓這個詞只被讀一次。

文字跟隨滑鼠位置以 3D 透視方式傾斜轉動。

在[套用位置]加入「文字傾斜」(Text Tilt) 效果，也叫透視文字傾斜 (perspective text tilt)。
文字隨著游標移動平順跟隨，以 3D 方式輕輕朝游標傾斜，游標移開後再緩緩恢復平整。
傾斜幅度要含蓄，確保文字易讀；在觸控裝置上，以及如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，文字保持平整不動。

滑鼠懸停時字母四散飛開再歸位，或在進場時向外迸散。

在[套用位置]加入「字母飛散」(Letter Scatter) 滑鼠懸停效果，也叫 scatter gather letters 或 explosive letter burst。
游標移到文字上時，每個字母帶著一點旋轉朝各自方向飛出一小段；游標移開後再流暢地聚回原來的單字。
字母移動時，單字在版面中佔的位置保持不變，螢幕報讀器要把它當成一個字來讀；鍵盤聚焦時也顯示同樣的效果。

字母後方的條紋或錯位陰影朝一個方向移動。

在[套用位置]加入「線條陰影文字」(Line Shadow Text) 效果，也叫 text shadow animation 或 dancing shadow。
字母後方由細斜條紋組成的錯位陰影緩慢、持續地滑動，字母本身保持靜止、清晰。
條紋的移動要無縫循環；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就讓陰影保持靜止。

字母中注入不斷上升、起伏蕩漾的液體。

在[套用位置]加入「液體填充文字」(Liquid Fill Text) 效果，也叫 water fill text。
外框字母中注滿液體，波浪狀的液面橫向翻滾，液位緩慢地起伏，形成柔和、連續的循環。
單字要保留為真正的文字供螢幕報讀器讀取；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就讓液體停在一個靜止的液位。