Jello (果凍晃動)

元素橫向拉伸、縱向壓扁，經過幾次彈性變化後恢復原狀。

在[套用位置]加入「橡皮筋」(Rubber Band) 提示效果，也叫 rubberband。
元素要先橫向拉寬、縱向壓扁，再經過幾次越來越小的彈性回彈，最後停在正常大小。
觸發時只播放一次，並確保拉伸過程中周圍版面不會位移。

元素像不穩的物體一樣，帶著傾斜左右搖晃。

在[套用位置]加入「搖晃」(Wobble) 提示效果。
元素要帶著傾斜左右搖晃，一開始幅度很大，每擺一次就變小，直到停穩。
觸發時只播放一次，並避免相鄰內容位移。

懸停時，元素向一側斜切變形。

在[套用位置]加入「斜切」(Skew) 懸停效果。
游標停在元素上時，元素向一側斜切成輕微傾斜的樣子，移開後恢復端正：快速而流暢。
傾斜時文字仍要清楚易讀，不要讓周圍的版面產生位移，鍵盤焦點時也呈現同樣的效果。

元素帶著輕微旋轉左右擺動，就像搖頭表示「不」。

在[套用位置]加入「搖頭」(Head Shake) 提示效果，也叫 headshake 或 no shake。
元素要像搖頭表示「不」一樣，帶著輕微扭轉快速左右轉動，每次幅度都比上一次小，最後停穩。
每次觸發時只播放一次（例如操作遭拒時），並且不要讓周圍的版面跟著移動。

元素的副本反覆放大並淡出，就像雷達波紋。

在[套用位置]加入「雷達波」(Ping) 效果，也叫 radar ping 或脈衝環 (pulse ring)。
元素的一個副本要向外擴大並淡出，以穩定的節奏一次又一次重複，而元素本身保持不動。
把圓環畫在獨立的圖層上，確保它絕不影響版面；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止循環。

元素反覆地輕柔縮放或淡入淡出。

在[套用位置]加入「脈動」(Pulse) 效果，也叫 pulsing。
元素要以緩慢、穩定的節奏輕輕膨脹再回縮：含蓄，不要有彈跳感。
無縫循環播放，不要讓周圍版面移動；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止動畫。