提示詞
將 [套用位置] 替換成你要套用的位置,再貼給 AI 代理。提示詞中包含動效名稱,下次只要說出名稱就能提出需求。
在[套用位置]加入「故障文字」(Glitch Text) 滑鼠懸停效果,也叫 text glitch 或 RGB 分離故障 (RGB split glitch)。
游標停在文字上時,文字以快速、俐落的陣發方式抖動:細細的橫向切片左右跳動,兩份彩色副本像訊號故障一樣錯開;游標移開後恢復原狀。
真正的文字在文件中只保留一份,避免螢幕報讀器讀出副本;鍵盤聚焦時也顯示同樣的效果。相似的動效
A
Q
J
P
N
V
Y
HB
K
M
L
Z
W
T
XC
R
G
Q
J
P
N
VD
Y
H
K
M
L
Z
WE
T
X
R
G
Q
J
PF
N
V
Y
H
K
M
L
將滑鼠移到上面
Text Scramble (亂碼解碼文字)
別稱 ScrambleText, Text Decode, Encrypted Text, Text Unscramble, Hyper Text
文字被不斷刷新的隨機字元取代,並逐漸還原成最終的詞。
適用情境
科技風主視覺標題、連結懸停
在[套用位置]加入「亂碼解碼文字」(Text Scramble) 懸停效果,也叫文字解碼 (text decode) 或加密文字 (encrypted text)。
游標移到文字上時,每個字母快速閃過隨機字元,再從左到右依序定格為真正的字母。
亂碼過程中文字寬度不要跳動,讓螢幕閱讀器始終讀取真實文字,並且在鍵盤焦點時呈現同樣的效果。ABC
Flicker (閃爍)
別稱 Flickering
元素的不透明度像接觸不良的燈一樣不規則地閃動。
適用情境
霓虹和故障風效果
在[套用位置]加入「閃爍」(Flicker) 效果,也叫 flickering。
元素大部分時間保持穩定,偶爾像接觸不良的霓虹燈一樣短促、不均勻地變暗。
節奏要不規則而非等間隔,避免全強度的快速閃爍;對開啟了「減少動態效果」的使用者則停止。ABCABCABC
在裡面捲動
Sliced Text (切片文字)
別稱 On-Scroll Sliced Text
標題被切成若干水平切片,頁面捲動時切片彼此錯開、橫向移動。
適用情境
編輯風格的首屏
在[套用位置]加入「切片文字」(Sliced Text) 效果,也叫 on-scroll sliced text。
把一個大標題切成若干水平切片,一開始對齊成完整的詞,使用者捲動時切片彼此錯開、橫向滑動。
讓錯位直接跟隨捲動位置,往回捲動時隨之還原;對螢幕閱讀器保持標題為一段完整可讀的文字。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),就停止動畫。Text 中的其他動效
ABCDEF
將滑鼠移到上面
Holographic Text (全像文字)
別稱 Holographic Foil Text
文字呈現流轉的彩虹箔片反光,隨游標或時間移動。
適用情境
質感卡片
在[套用位置]加入「全像文字」(Holographic Text) 滑鼠懸停效果,也叫全像箔片文字 (holographic foil text)。
游標停在文字上時,一道箔片般的彩色光帶在字母上緩慢、流暢地來回滑動;游標移開後,文字恢復原本的樸素樣子。
光澤流動的任何時刻文字都要清楚易讀;鍵盤聚焦時也顯示同樣的效果。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),就停止運動。ABCDEF
將滑鼠移到上面
Letter Scatter (字母飛散)
別稱 Explosive Letter Burst, Scatter Gather Letters
滑鼠懸停時字母四散飛開再歸位,或在進場時向外迸散。
適用情境
俏皮的連結
在[套用位置]加入「字母飛散」(Letter Scatter) 滑鼠懸停效果,也叫 scatter gather letters 或 explosive letter burst。
游標移到文字上時,每個字母帶著一點旋轉朝各自方向飛出一小段;游標移開後再流暢地聚回原來的單字。
字母移動時,單字在版面中佔的位置保持不變,螢幕報讀器要把它當成一個字來讀;鍵盤聚焦時也顯示同樣的效果。