Shrink (縮小)

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

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

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

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

懸停時，元素向下移動幾個像素，彷彿被按進頁面裡。

在[套用位置]加入「下沉」(Sink) 懸停效果。
游標停在元素上時，元素略微下移並停住，彷彿被按進頁面裡，移開後再升回原位：平順，沒有回彈。
只在視覺上移動，不要讓周圍的版面產生位移，鍵盤焦點時也呈現同樣的效果。

元素縮小並淡出，直到消失。

在[套用位置]加入「縮放出場」(Zoom Out) 退場動畫，也叫 scale out。
元素朝中心縮小並淡出，直到消失：快速，逐漸加速。
完全消失後再從版面和鍵盤焦點中移除；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。

懸停時，背景像百葉窗一樣從中間或兩側展開或合攏。

在[套用位置]加入「百葉窗填充」(Shutter Fill) 懸停效果，也叫百葉窗 (shutter)。
新的背景色從中間一條直線像百葉窗一樣向兩側展開，游標移開後再往中間合攏，同時文字顏色跟著切換以保持清楚易讀：流暢而快速。
填色要裁切在元素內部，文字保持在上方，鍵盤焦點時也呈現同樣的效果。

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

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