Toggle Switch (切換開關)

勾選時，方塊內的勾號一筆一筆地畫出來。

在[套用位置]加入「核取方塊打勾」(Checkbox Check Draw) 動畫，也叫動畫核取方塊 (animated checkbox) 或勾號繪製 (checkmark draw)。
勾選時，方塊填滿顏色，勾號以一筆快速流暢的線條自己畫出來；取消勾選時以同樣方式擦除。
保持它是帶有勾選狀態的真正核取方塊，可以用鍵盤操作，並有清楚可見的焦點框。

底線或膠囊形背景從舊頁籤滑動到新選取的頁籤。

在[套用位置]加入「頁籤指示器滑動」(Tab Indicator Slide)，也叫 sliding underline 或 active tab indicator。
選取新頁籤時，底線從舊頁籤滑到新頁籤，快速並平順減速；如果兩個頁籤寬度不同，就順勢伸縮到新頁籤的寬度。
保持正確的頁籤語意並支援方向鍵切換；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，指示器就直接移過去，不做滑動。

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

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

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

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

彩色紙片噴發而出再飄落下來，用來慶祝成功。

在[套用位置]加入「彩紙噴發」(Confetti) 慶祝效果，也叫彩紙爆發 (confetti burst)。
彩色小紙片從按鈕中快速噴發出來，接著翻滾著飄落並逐漸淡出，形成一陣短促而熱鬧的紙片雨。
每次成功只觸發一次，不要循環，不要擋住頁面上的點擊；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就不要播放。