Gooey Effect (黏稠融合)

一團有機形狀持續不斷地改變自身輪廓。

在[套用位置]加入「液態團塊變形」(Blob Morph) 循環動畫，也叫 morphing blob 或 animated blob。
一團有機形狀一邊緩緩轉動，一邊不停地慢慢改變輪廓：流暢柔和，沒有尖角。
循環要無縫銜接，形狀不能跳動；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就保持靜止。

一個詞在同一位置模糊並融合成下一個詞。

在[套用位置]加入「文字變形」(Morphing Text) 效果，也叫 text morph。
一個詞在同一位置變模糊，以柔和、黏稠的方式融合成下一個詞，然後停留片刻再進行下一次切換。
詞語之間無縫循環，讓螢幕閱讀器把這些詞當作一般文字讀出；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止循環。

漢堡選單等圖示透過線條的旋轉和移動變成另一個圖示（X）。

在[套用位置]加入「圖示變形」(Icon Morph)，也叫漢堡變 X (hamburger to X) 或 menu icon morph。
每次按下時，上下兩條線先一起滑到中間，再旋轉成 X，中間那條線同時淡出；再按一次就反向還原：俐落明快。
做成真正的切換按鈕，無障礙標籤和展開狀態跟著改變；圖示尺寸保持固定，周圍內容不會位移。

透過替虛線偏移加上動畫，讓 SVG 描邊看起來沿著路徑被畫出來。

在[套用位置]加入「線條繪製」(Line Drawing) 動畫，也叫路徑繪製 (path drawing) 或自繪 SVG (self-drawing SVG)。
每條描邊看起來沿著路徑從起點到終點流暢地自己畫出來，第二條描邊（例如勾號）緊接在第一條之後。
進入畫面時只播放一次，不要循環；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接顯示畫好的線條。

元素沿著自訂曲線路徑移動，並可隨路徑旋轉方向。

在[套用位置]加入「路徑動畫」(Motion Path)，也叫 animate along path。
一個小元素沿著自訂曲線路線緩慢、等速地移動，並隨時轉向前進的方向。
使用封閉路線，讓循環重複時不會跳動；路線要隨容器縮放，而不是固定尺寸。