提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 AI 代理。提示詞中包含動效名稱，下次只要說出名稱就能提出需求。
在[套用位置]加入「可變字重動畫」(Variable Font Weight Animation) 懸停效果，也叫字重切換 (font weight shift)。
游標停在文字上時，字母從左到右依序變粗，形成一道流暢的波浪；游標移開後再變細。
使用可變字型，讓字重平順變化而不是跳變；標題變寬時不要推擠附近內容，並且在鍵盤焦點時呈現同樣的效果。相似的動效
ABCD
Tracking In (字距入場)
別稱 Text Tracking In, Letter-spacing In
字母起初間距很寬且較淡，接著在顯現的同時收攏到正常字距。
適用情境
標題文字進場
在[套用位置]加入「字距入場」(Tracking In) 文字動畫，也叫 text tracking in 或 letter-spacing in。
字母起初間距很寬且較淡，接著逐漸收攏到正常字距並完全顯現：流暢，結尾減速。
字距變化期間讓文字保持置中且不換行，避免周圍版面位移；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接以正常字距顯示。ABC DEF GHI JKLABC DEF GHI JKL
MNO PQR STU VWXMNO PQR STU VWX
YZA BCD EFG HIJYZA BCD EFG HIJ
Kinetic Typography (動態文字排版)
別稱 Kinetic Text
文字不再是靜態文案，而是作為運動的圖形元素縮放、移動或旋轉。
適用情境
品牌主視覺區塊
在[套用位置]加入「動態文字排版」(Kinetic Typography)，也叫 kinetic text。
一列列重複的大字級文字以緩慢、穩定的節奏交替朝相反方向橫向滑動，讓文字本身變成運動的圖形。
每一列都要無縫循環、看不出跳接，螢幕報讀器只讀一次文字；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止運動。Text 中的其他動效
Video Text (影片文字)
別稱 Text Video Mask
大型字母如同窗口，裡面顯示正在播放的影片。
適用情境
主視覺標題
在[套用位置]加入「影片文字」(Video Text) 效果，也叫文字影片遮罩 (text video mask)。
讓粗大的字母成為觀看正在播放影片的窗口，動態畫面只在字母形狀內顯示。
影片保持靜音、循環播放且不顯示控制項，為螢幕閱讀器提供真實的文字；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就顯示一張靜止畫面。ABCDEF
Wavy Text (波浪文字)
別稱 Text Wave
字母依序上下起伏，在整個詞中形成流動的波浪。
適用情境
俏皮的標題、載入提示
在[套用位置]加入「波浪文字」(Wavy Text) 效果，也叫文字波浪 (text wave)。
字母依序上下起伏，讓一道輕柔流暢的波浪不斷穿過整個詞。
無縫循環，讓螢幕閱讀器把它讀作一個詞；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止波浪。ABDEFGHIJKLDEFMN
Word Rotate (文字輪替)
別稱 Rotating Words, Flip Words, Container Text Flip, Layout Text Flip, Rotating Text Wheel
句子中的一個詞以滑動、翻轉或淡入淡出的方式換成清單中的下一個詞。
適用情境
主視覺標語
在[套用位置]加入「文字輪替」(Word Rotate) 效果，也叫輪替詞 (rotating words) 或翻轉詞 (flip words)。
行內的一個詞向上滑出，清單中的下一個詞從下方滑入，每個詞停留片刻後再切換。
詞寬不同時不要讓這一行的其餘部分跳動，不要讓螢幕閱讀器朗讀每次切換；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止輪替。