提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 AI 代理。提示詞中包含動效名稱，下次只要說出名稱就能提出需求。
在[套用位置]加入「文字扭曲」(Text Distortion) 效果，也叫 organic text distortion。
一行文字不斷橫向流動，同時自然地扭曲、起伏，彷彿隔著流動的水去看，流動由使用者的捲動驅動。
扭曲要夠輕，確保文字可讀，在較慢的裝置上也要流暢；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就關閉此效果。相似的動效
ABC
ABC
將滑鼠移到上面
SVG Displacement Distortion (SVG 置換扭曲)
別稱 feTurbulence Distortion, Displacement Map Effect
SVG 濾鏡用動態雜訊讓文字或形狀產生扭曲。
適用情境
液體或漣漪懸停效果
在[套用位置]加入「SVG 置換扭曲」(SVG Displacement Distortion) 懸停效果，也叫置換貼圖效果 (displacement map effect)。
游標移上去時，文字或形狀像隔著流動的水一樣蕩漾晃動，效果柔和地漸入；游標移開後恢復清晰。
只在效果啟用時套用扭曲濾鏡，靜止時不產生任何負擔；鍵盤聚焦時也顯示同樣的效果。ABCDEF
Squiggly Text (扭動文字)
別稱 Wobbly Text, Turbulence Text
透過 SVG 置換濾鏡，字母邊緣像手繪一樣抖動。
適用情境
草圖風或俏皮的標題
在[套用位置]加入「扭動文字」(Squiggly Text) 效果，也叫 wobbly text 或 turbulence text。
字母邊緣輕微抖動，就像每秒被手工重畫好幾次：是含蓄、細碎的抖動，而不是流暢的波浪。
保持文字可讀；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就保持靜止。ABCDEF
字母向下滴落、拉長，彷彿正在融化。
適用情境
恐怖或趣味標題
在[套用位置]加入「融化文字」(Melting Text) 效果。
字母緩慢向下塌陷，下方拉出滴落的液滴，彷彿正在融化，最後停在靜止的融化樣貌。
文字進入畫面時只播放一次，結束時保持文字可讀；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就不做動畫。Text 中的其他動效
ABCDEFGHIJKLMNOPQRSTUVWX
Text Generate (文字生成)
別稱 Text Generate Effect
頁面載入時，文字逐一淡入，常伴隨模糊逐漸消散，彷彿正在生成。
適用情境
AI 風格的開場文案
在[套用位置]加入「文字生成」(Text Generate) 效果。
文字逐一淡入，同時每個詞上的柔和模糊逐漸消散，彷彿文字正在生成：節奏平穩、沉靜。
頁面載入時只播放一次，讓螢幕閱讀器立即讀到完整文字；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接顯示、不做動畫。ABC DEFG HIJ KL
Text Highlighter (文字螢光筆)
別稱 Highlight Marker, Marker Underline, Hero Highlight
一條螢光筆般的色帶劃過詞句，將其突顯強調。
適用情境
強調關鍵詞句
在[套用位置]加入「文字螢光筆」(Text Highlighter) 效果，也叫螢光標記 (highlight marker) 或麥克筆底線 (marker underline)。
一條螢光筆般的色帶從左到右平順地劃過關鍵詞句的背後，就像有人用筆把它畫起來。
在詞句捲動進入畫面時只播放一次，確保色帶上的文字清楚易讀，並且在詞句換成兩行時讓色帶正確跟隨。ABCDABCD
將滑鼠移到上面
Text Hover Effect (文字懸停效果)
別稱 Gradient Outline Text Hover, Text Fill on Hover
描邊文字被跟隨指標或橫掃而過的漸層填滿或點亮。
適用情境
大型展示文字、頁尾
在[套用位置]加入「文字懸停效果」(Text Hover Effect)，也叫懸停文字填色 (text fill on hover) 或漸層描邊文字懸停 (gradient outline text hover)。
文字一開始只有描邊；游標停在上面時，實色填滿從左到右平順地掃入，游標移開後再退回去。
填色前的描邊文字也要清楚易讀，並且在鍵盤焦點時呈現同樣的效果。