提示詞
將 [套用位置] 替換成你要套用的位置,再貼給 AI 代理。提示詞中包含動效名稱,下次只要說出名稱就能提出需求。
在[套用位置]加入「線條陰影文字」(Line Shadow Text) 效果,也叫 text shadow animation 或 dancing shadow。
字母後方由細斜條紋組成的錯位陰影緩慢、持續地滑動,字母本身保持靜止、清晰。
條紋的移動要無縫循環;如果使用者開啟了「減少動態效果」(prefers-reduced-motion),就讓陰影保持靜止。相似的動效
ABCABCABCABCABC
在裡面捲動
Text Repetition (文字重複)
別稱 Repeated Text Scroll
一個詞被複製成許多層疊的副本,隨捲動錯開移動。
適用情境
作品集標題
在[套用位置]加入「文字重複」(Text Repetition) 效果,也叫 repeated text scroll。
把一個詞複製成一疊更淡的描邊副本,隨使用者捲動從它身後展開,往上捲動時再收攏回去。
讓展開程度直接綁定捲動位置,並對螢幕閱讀器隱藏多餘的副本,讓這個詞只被讀一次。ABCDEF
將滑鼠移到上面
Glitch Text (故障文字)
別稱 Text Glitch, RGB Split Glitch
文字像訊號故障一樣抖動,出現切片錯位和紅青色分離。
適用情境
賽博龐克或遊戲風格標題
在[套用位置]加入「故障文字」(Glitch Text) 滑鼠懸停效果,也叫 text glitch 或 RGB 分離故障 (RGB split glitch)。
游標停在文字上時,文字以快速、俐落的陣發方式抖動:細細的橫向切片左右跳動,兩份彩色副本像訊號故障一樣錯開;游標移開後恢復原狀。
真正的文字在文件中只保留一份,避免螢幕報讀器讀出副本;鍵盤聚焦時也顯示同樣的效果。Text 中的其他動效
Liquid Fill Text (液體填充文字)
別稱 Water Fill Text
字母中注入不斷上升、起伏蕩漾的液體。
適用情境
載入提示、俏皮標題
在[套用位置]加入「液體填充文字」(Liquid Fill Text) 效果,也叫 water fill text。
外框字母中注滿液體,波浪狀的液面橫向翻滾,液位緩慢地起伏,形成柔和、連續的循環。
單字要保留為真正的文字供螢幕報讀器讀取;如果使用者開啟了「減少動態效果」(prefers-reduced-motion),就讓液體停在一個靜止的液位。ABCD EFGHI JKLM
Mask Reveal (遮罩文字顯現)
別稱 Line Mask Reveal, Split Text Overflow Hidden Reveal, Text Masking
文字從一條裁切線後方向上滑出,彷彿憑空出現。
適用情境
編輯風格的大標題
在[套用位置]加入「遮罩文字顯現」(Mask Reveal) 文字進場效果,也叫行遮罩顯現 (line mask reveal) 或文字遮罩 (text masking)。
每一行文字從一條看不見的邊緣後方向上滑出,彷彿憑空出現,一行接一行,快速流暢,不要有彈跳感。
文字捲動進入畫面時只播放一次;如果使用者開啟了「減少動態效果」(prefers-reduced-motion),就直接顯示文字、不做動畫。Q
R
U
P
D
H
LY
O
S
G
K
X
BA
F
J
Z
V
M
EH
L
C
N
W
T
IX
B
Q
R
U
P
DM
E
Y
O
S
G
KT
I
A
F
J
Z
VP
D
H
L
C
N
W
Matrix Text (駭客任務字雨)
別稱 Digital Rain Text
綠色字元像《駭客任務》裡的程式碼雨一樣成列落下。
適用情境
駭客主題
在[套用位置]加入「駭客任務字雨」(Matrix Text) 效果,也叫 digital rain text。
一列列字元以略有差異的速度穩定落下,每列最前面的字元明亮,後面拖著逐漸淡去的尾跡。
把它當作對螢幕閱讀器隱藏的裝飾,保持輕量;如果使用者開啟了「減少動態效果」(prefers-reduced-motion),就停止動畫。