Notification Badge Bounce (通知徽章彈跳)

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

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

元素上下彈跳，彈跳幅度逐漸減小。

在[套用位置]加入「彈跳」(Bounce) 提示效果。
元素向上跳起再落下，快速彈跳幾次，每次幅度越來越小，落地時稍微壓扁。
觸發時只播放一次，不要循環；對開啟了「減少動態效果」的使用者則略過。

元素快速放大，再帶著彈性「啵」地回到原樣。

在[套用位置]加入「輕彈」(Pop) 懸停效果。
每次游標移入時，元素快速鼓起一次再回到正常大小，像一次帶彈性的輕快彈跳。
每次懸停只播放一次，不要停在放大狀態，也不要循環；避免周圍版面位移。

商品圖片一邊縮小一邊沿弧線飛進購物車圖示。

在[套用位置]加入「飛入購物車」(Add to Cart Fly) 動畫，也叫 fly to cart 或加入購物車動畫 (add-to-cart animation)。
按下加入按鈕時，商品圖片的一個小複本一邊縮小，一邊沿一條流暢而快速的弧線飛進購物車圖示，購物車在數量更新時輕輕彈一下。
每次按下只播放一次，不要移動原本的商品卡片；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就省略飛行動畫，但照常更新購物車。

顯示或隱藏密碼時，眼睛圖示在睜開和帶斜線之間切換。

在[套用位置]加入「密碼顯示切換」(Password Reveal Toggle)，也叫 show/hide password 或眼睛圖示切換 (eye icon toggle)。
點擊眼睛時斜線迅速擦除，隱藏的圓點交叉淡入為真實字元；再次點擊時斜線重新畫出並隱藏字元：流暢、快速，不要彈跳。
保持輸入框寬度不變以免文字跳動，並把切換做成真正的按鈕，用標籤說明目前密碼是否顯示。

文字捲動進入畫面時，一個指標箭頭圍繞某個詞畫出醒目框。

在[套用位置]加入「指標框選」(Pointer Highlight) 效果。
文字捲動進入畫面時，一個方框從左到右圍繞關鍵詞畫出，同時一個小指標箭頭沿著方框的角移動，流暢、等速，就像有人用手圈出這個詞。
只在第一次進入畫面時畫一次，不要推擠文字；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接顯示畫好的方框。

按下時元素略微縮小，放開後帶彈性地恢復。

在[套用位置]加入「按下縮放」(Press (Button Tap Scale)) 效果，也叫點按回饋 (tap feedback) 或按下狀態 (press state)。
按下時元素略微縮小並稍微變暗，放開後帶一點彈跳恢復原本大小：快速、含蓄。
用鍵盤按下和觸控時也顯示同樣的回饋，並保持周圍版面不位移。