提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 AI 代理。提示詞中包含動效名稱，下次只要說出名稱就能提出需求。
在[套用位置]加入「持續旋轉」(Spin) 效果，也叫 spinner 或 rotate loop。
元素要以固定、均勻的速度持續旋轉，每圈之間不要有緩動。
讓循環無縫銜接，為 spinner 加上無障礙的「載入中」標籤；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就放慢或停止旋轉。相似的動效
A
將滑鼠移到上面
游標懸停在按鈕上時，按鈕內的圖示轉動一圈。
適用情境
圖示按鈕
在[套用位置]加入「圖示旋轉」(Icon Spin) 懸停效果。
游標移入時，元素內的圖示流暢地轉一整圈；游標移開時再轉回去。
只旋轉圖示，不旋轉整個按鈕；鍵盤聚焦時也顯示同樣的效果。Circular Spinner (圓形載入圈)
別稱 Spinner, Throbber, Circular indeterminate
圓環或圓弧持續旋轉，表示正在載入。
適用情境
按鈕、頁面載入
在[套用位置]加入「圓形載入圈」(Circular Spinner)，也叫 spinner 或 throbber。
一段圓弧沿著淺色圓環等速旋轉，同時不斷伸長又縮短，流暢而連續。
旋轉要無縫銜接，並為螢幕閱讀器提供載入標籤；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就放慢或停止旋轉。A
將滑鼠移到上面
游標懸停時元素旋轉幾度。
適用情境
圖示、縮圖
在[套用位置]加入「旋轉」(Rotate) 懸停效果。
游標懸停時，元素順時針輕微轉動，游標移開後轉回：流暢而含蓄。
避免周圍版面位移；鍵盤聚焦時也顯示同樣的效果。ABCDEFGHIJKLMNOP
Spinning Text (環形旋轉文字)
別稱 Circular Text, Text on Circle
文字沿圓周排列，並持續旋轉。
適用情境
旋轉徽章、印章
在[套用位置]加入「環形旋轉文字」(Spinning Text)，也叫環形文字 (circular text) 或 text on circle。
字母沿圓周平均排列，整個圓緩慢、等速地旋轉，循環重新開始時不能有跳動。
只向螢幕閱讀器提供一次一般文字；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止旋轉。Emphasis 中的其他動效
A
元素以頂邊為支點，像鐘擺一樣來回擺盪，幅度逐漸減小。
適用情境
懸掛的招牌、通知圖示
在[套用位置]加入「擺盪」(Swing) 提示效果。
元素要像懸掛的招牌一樣來回擺盪，一開始擺幅很大，接著很快平息。
以頂邊而不是中心為支點擺盪，觸發時只播放一次。A
元素放大後帶著旋轉左右晃動，再恢復原本大小，像在慶祝一樣。
適用情境
成功狀態、慶祝時刻
在[套用位置]加入「慶祝晃動」(Tada) 提示效果。
元素要先微微縮小，再放大並快速傾斜著左右晃動，然後恢復正常大小，像一次小小的慶祝。
只播放一次（例如在操作成功後立刻播放）；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就略過這個動畫。Vibrate (震動)
別稱 Vibration, Buzz
元素向各個方向快速地細微顫動，就像手機在震動。
適用情境
警示提醒、來電式提示
在[套用位置]加入「震動」(Vibrate) 提示效果，也叫 buzz 或 vibration。
元素要像手機震動一樣，朝不同方向快速地細微顫動片刻，然後停下來。
動作幅度要非常小，確保內容依然清楚好讀；每次提醒只播放一次，不要循環。