Text Hover Effect (文字懸停效果)

在卡片上移動游標時，遮罩邊緣或聚光燈下隱藏的文字隨之顯露。

在[套用位置]加入「文字顯現卡片」(Text Reveal Card) 效果，也叫聚光燈文字顯現 (spotlight text reveal)。
游標在卡片上移動時，一條垂直邊緣緊緊跟隨，在一側露出隱藏的文字：流暢、直接，沒有延遲。
在沒有游標可跟隨的觸控裝置上，讓拖曳或輕觸也能顯示隱藏文字，並讓隱藏文字可被螢幕閱讀器讀取。

先以描邊畫出字母輪廓，再顯示填色。

在[套用位置]加入「文字描邊繪製」(Stroke Text Draw) 效果，也叫 draw in text 或 animated stroke text。
字母輪廓流暢地逐筆畫出，輪廓完成後填色再淡入。
頁面載入時只播放一次，讓文字保持為可存取的真實文字；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接顯示已填色的文字。

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

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

文字沿曲線路徑排列，並隨使用者捲動沿路徑移動。

在[套用位置]加入「路徑文字捲動」(Text Path Scroll) 效果，也叫 text path curve scroll animation。
文字排在一條曲線上，隨使用者捲動沿曲線滑動：往下捲動時前進，往上捲動時後退。
讓移動直接綁定捲動位置、沒有延遲，並讓螢幕閱讀器把它當作一般文字讀取。

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

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

原有文字以動畫方式退出，並被新的文字內容取代。

在[套用位置]加入「文字替換」(Text Replacement) 效果，也叫文字切換 (text swap)。
文字變化時，舊字元向上滑出，新字元從下方滑入，逐字形成快速而流暢的波動。
切換過程中不要讓文字框尺寸跳動，並且只向螢幕閱讀器朗讀新文字。