Letter Scatter (字母飛散)

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

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

彩色紙片噴發而出再飄落下來，用來慶祝成功。

在[套用位置]加入「彩紙噴發」(Confetti) 慶祝效果，也叫彩紙爆發 (confetti burst)。
彩色小紙片從按鈕中快速噴發出來，接著翻滾著飄落並逐漸淡出，形成一陣短促而熱鬧的紙片雨。
每次成功只觸發一次，不要循環，不要擋住頁面上的點擊；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就不要播放。

字母起初間距很寬且較淡，接著在顯現的同時收攏到正常字距。

在[套用位置]加入「字距入場」(Tracking In) 文字動畫，也叫 text tracking in 或 letter-spacing in。
字母起初間距很寬且較淡，接著逐漸收攏到正常字距並完全顯現：流暢，結尾減速。
字距變化期間讓文字保持置中且不換行，避免周圍版面位移；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接以正常字距顯示。

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

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

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

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

文字從一條裁切線後方向上滑出，彷彿憑空出現。

在[套用位置]加入「遮罩文字顯現」(Mask Reveal) 文字進場效果，也叫行遮罩顯現 (line mask reveal) 或文字遮罩 (text masking)。
每一行文字從一條看不見的邊緣後方向上滑出，彷彿憑空出現，一行接一行，快速流暢，不要有彈跳感。
文字捲動進入畫面時只播放一次；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接顯示文字、不做動畫。