Pop (輕彈)

懸停開始或結束時，元素帶著彈性過衝進行縮放。

在[套用位置]加入「彈性縮放」(Bounce Scale) 懸停效果，也叫彈入/彈出 (bounce in / out)。
元素帶著明顯的彈性稍微放大，短暫超過最終尺寸後再回穩；游標移開時以同樣的彈性縮回。
不要讓周圍的版面產生位移，鍵盤焦點時也呈現同樣的效果。

游標停在元素上時，元素平順地略微放大。

在[套用位置]加入「放大」(Grow) 懸停效果，也叫放大縮放 (scale up)。
游標停在元素上時，元素平順地略微放大，移開後恢復原本大小：快速而含蓄。
不要讓周圍的版面產生位移，鍵盤焦點時也呈現同樣的效果。

元素以雙拍節奏縮放，就像跳動的心臟。

在[套用位置]加入「心跳」(Heartbeat) 效果，也叫 heart beat。
元素要快速地連續膨脹、回縮兩次，接著稍作停頓再開始下一次，就像跳動的心臟。
無縫循環播放並保留兩次心跳之間的停頓；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止動畫。

收到新通知時，數字徽章彈出、彈跳或脈動。

在[套用位置]加入「通知徽章彈跳」(Notification Badge Bounce) 動畫，也叫 badge pop 或 ping。
收到新通知時，數字徽章從無到有地彈出，帶著兩下快速、有彈性的跳動落定，同時一圈柔和的光環從它向外擴散一次。
每則新通知只播放一次，不要循環，並讓螢幕閱讀器唸出新的數字。

元素往內一沉再彈回，彷彿按下了一顆實體按鈕。

在[套用位置]加入「按壓」(Push) 懸停效果。
每次游標移入時，元素快速縮小一次再彈回正常大小，就像按下一顆實體按鈕。
每次懸停只播放一次，不要循環；避免周圍版面位移。

游標懸停時一個彩色圓形從中心放大或往中心收縮，填滿元素。

在[套用位置]加入「圓形填充」(Radial Fill) 懸停效果，也叫 circle expand。
新顏色的圓形從中心流暢地放大到填滿元素，游標移開後再縮回中心，同時文字顏色隨之切換，保持清楚易讀。
圓形要裁切在元素形狀之內，文字位在它上方；鍵盤聚焦時也顯示同樣的效果。

游標懸停時元素內部的矩形放大或收縮，藉此切換背景。

在[套用位置]加入「矩形填充」(Rectangle Fill) 懸停效果。
隨著內部矩形往中心收縮，新背景色從四邊往內合攏；游標移開後再重新打開，同時文字顏色隨之切換，保持清楚易讀：流暢而快速。
文字始終位在填充層上方；鍵盤聚焦時也顯示同樣的效果。