Orbiting Circles (軌道環繞)

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

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

文字沿圓周排列，並持續旋轉。

在[套用位置]加入「環形旋轉文字」(Spinning Text)，也叫環形文字 (circular text) 或 text on circle。
字母沿圓周平均排列，整個圓緩慢、等速地旋轉，循環重新開始時不能有跳動。
只向螢幕閱讀器提供一次一般文字；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止旋轉。

粒子像漩渦一樣繞著中心螺旋旋轉。

在[套用位置]加入「漩渦」(Vortex) 背景，也叫 swirling particles。
小粒子像漩渦一樣繞著中心點螺旋向內旋轉，在邊緣淡入，接近中心時淡出，形成流暢、連續的漩渦。
粒子數量要適中；離開畫面時暫停；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止旋轉。

帶有標記點或弧線的 3D 地球在版面中旋轉。

在[套用位置]加入「3D 地球儀」(3D Globe)，也叫互動地球儀 (interactive globe)。
表面有幾個標記點的地球儀繞軸緩慢等速轉動，標記點隨之一起轉：平靜而連續。
把它當作裝飾，為其呈現的資訊提供文字替代；移出畫面時暫停；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止旋轉。

一個向量形狀平順地變成另一個形狀。

在[套用位置]加入「形狀變形」(Shape Morph)，也叫路徑變形 (path morphing) 或 SVG morph。
一個形狀平順地變成另一個形狀，例如五邊形向內收縮成星形，各個點以均勻、從容的節奏滑到定位。
讓兩個形狀擁有數量相同且一一對應的點，使變形乾淨、不閃爍；每次狀態改變時播放一次，不要循環。

SVG 濾鏡用動態雜訊讓文字或形狀產生扭曲。

在[套用位置]加入「SVG 置換扭曲」(SVG Displacement Distortion) 懸停效果，也叫置換貼圖效果 (displacement map effect)。
游標移上去時，文字或形狀像隔著流動的水一樣蕩漾晃動，效果柔和地漸入；游標移開後恢復清晰。
只在效果啟用時套用扭曲濾鏡，靜止時不產生任何負擔；鍵盤聚焦時也顯示同樣的效果。

遮罩形狀劃過或跟隨游標，露出下方的內容。

在[套用位置]加入「SVG 遮罩顯現」(SVG Mask Reveal) 懸停效果，也叫 clip-path reveal 或聚光燈遮罩 (spotlight mask)。
游標移上去時，圓形遮罩從中心擴大，露出下方的內容；游標移開後再收合：流暢且偏快。
兩個圖層保持完全相同的尺寸，避免任何位移；鍵盤聚焦和點按時也顯示同樣的顯現效果。