Animated Gradient Text (動態漸層文字)

一道亮光反覆掃過文字。

在[套用位置]加入「微光文字」(Shimmer Text) 效果，也叫 animated shiny text 或金屬微光文字 (metallic shimmer text)。
一條光帶從左到右流暢地掃過文字，短暫停頓後再重複。
高光經過時文字仍要清楚可讀；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就保持靜止。

文字呈現流轉的彩虹箔片反光，隨游標或時間移動。

在[套用位置]加入「全像文字」(Holographic Text) 滑鼠懸停效果，也叫全像箔片文字 (holographic foil text)。
游標停在文字上時，一道箔片般的彩色光帶在字母上緩慢、流暢地來回滑動；游標移開後，文字恢復原本的樸素樣子。
光澤流動的任何時刻文字都要清楚易讀；鍵盤聚焦時也顯示同樣的效果。

漸層背景中的顏色緩慢變化、平移或旋轉。

在[套用位置]加入「動態漸層」(Animated Gradient)背景，也叫 gradient animation 或 moving gradient。
漸層的顏色在區域內緩慢平移，柔和、連續地流動，循環重新開始時不能出現明顯的跳動。
上方的文字在每種顏色上都要清楚易讀；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止移動。

大型字母如同窗口，裡面顯示正在播放的影片。

在[套用位置]加入「影片文字」(Video Text) 效果，也叫文字影片遮罩 (text video mask)。
讓粗大的字母成為觀看正在播放影片的窗口，動態畫面只在字母形狀內顯示。
影片保持靜音、循環播放且不顯示控制項，為螢幕閱讀器提供真實的文字；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就顯示一張靜止畫面。

文字像訊號故障一樣抖動，出現切片錯位和紅青色分離。

在[套用位置]加入「故障文字」(Glitch Text) 滑鼠懸停效果，也叫 text glitch 或 RGB 分離故障 (RGB split glitch)。
游標停在文字上時，文字以快速、俐落的陣發方式抖動：細細的橫向切片左右跳動，兩份彩色副本像訊號故障一樣錯開；游標移開後恢復原狀。
真正的文字在文件中只保留一份，避免螢幕報讀器讀出副本；鍵盤聚焦時也顯示同樣的效果。

文字不再是靜態文案，而是作為運動的圖形元素縮放、移動或旋轉。

在[套用位置]加入「動態文字排版」(Kinetic Typography)，也叫 kinetic text。
一列列重複的大字級文字以緩慢、穩定的節奏交替朝相反方向橫向滑動，讓文字本身變成運動的圖形。
每一列都要無縫循環、看不出跳接，螢幕報讀器只讀一次文字；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止運動。