Password Reveal Toggle (密碼顯示切換)

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

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

複製圖示變成勾號，標籤短暫顯示「已複製」。

在[套用位置]加入「複製回饋」(Copy-to-Clipboard Feedback) 動畫，也叫已複製狀態 (copied state) 或複製圖示變勾號 (copy icon to checkmark)。
按下複製按鈕時，複製圖示快速縮小消失，同時畫出一個勾號，標籤變為「已複製」，片刻之後一切平順地恢復原狀。
切換過程中保持按鈕尺寸不變，不讓任何東西位移，並把已複製狀態告知螢幕閱讀器。

圓形滑塊沿軌道滑動，軌道顏色在關和開之間切換。

在[套用位置]加入「切換開關」(Toggle Switch) 動畫，也叫 switch。
開啟或關閉時，圓形滑塊平順地滑到軌道另一端，同時軌道顏色跟著改變：快速、俐落，不要彈跳。
做成真正符合無障礙的開關 (帶有 checked 狀態的 role="switch")，並且支援鍵盤操作。

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

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

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

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

向下拖曳清單會露出載入圖示，放開後重新載入內容。

在[套用位置]加入「下拉重新整理」(Pull to Refresh) 互動，也叫 swipe to refresh。
從頂端往下拉清單時，清單帶著一點阻力跟隨手指，並露出一個隨拉動旋轉的載入圖示；放開後載入圖示在內容重新載入期間持續旋轉，完成後清單平順地收回頂端。
只在清單已經捲動到頂端時才觸發，並為鍵盤和螢幕閱讀器使用者另外提供一般的重新整理按鈕。