Border Fade (邊框色漸變)

懸停時，背景色和文字顏色交叉漸變為新的顏色。

在[套用位置]加入「背景色漸變」(Background Fade) 懸停效果，也叫顏色漸變 (color fade)。
游標停在元素上時，背景色和文字顏色平順地交叉漸變為新顏色，移開後再漸變回來：沉穩，不帶任何位移。
兩種狀態下都要讓文字和背景保有足夠的對比，鍵盤焦點時也呈現同樣的效果。

懸停時，元素邊緣內側出現一條內框線。

在[套用位置]加入「內框線」(Trim) 懸停效果。
游標停在元素上時，一條細線在元素邊緣內側淡入，移開後淡出：含蓄，不帶位移。
線條要放在元素內部，保持元素尺寸不變，鍵盤焦點時也呈現同樣的效果。

游標懸停時外框線從元素往外擴張，或往元素收縮。

在[套用位置]加入「外框擴張」(Outline Expand) 懸停效果。
外框線一開始緊貼元素邊緣，接著往外擴張，在四周留出一小圈間隙，懸停期間維持不變，游標移開後再收回：流暢而快速。
繪製外框時不要改變元素尺寸，也不要推擠周圍內容；鍵盤聚焦時也顯示同樣的效果。

游標懸停時填滿的背景消失，只留下外框按鈕。

在[套用位置]加入「空心化」(Hollow) 懸停效果，也叫 ghost fill。
填滿的背景淡出，只留下外框，文字顏色隨之切換，在空背景上依然清楚易讀：流暢而快速。
兩種狀態的邊框粗細保持一致，避免元素尺寸改變；鍵盤聚焦時也顯示同樣的效果。

懸停時，同心的邊框圓環從元素向外擴散或向內收縮。

在[套用位置]加入「邊框漣漪」(Border Ripple) 懸停效果。
游標移入時，幾道邊框圓環依序從元素向外擴散並淡出：快速輕盈，像漣漪一樣。
每次懸停只播放一次、不要循環，也不要讓圓環推擠周圍的版面。

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

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

高亮背景在網格中的卡片之間滑動，跟著目前懸停的卡片移動。

在[套用位置]加入「卡片懸停效果」(Card Hover Effect)，也叫滑動高亮卡片網格 (sliding highlight card grid)。
柔和的高亮背景出現在懸停卡片的後方，游標移到哪張卡片就平順地滑到哪裡，游標離開網格時淡出。
鍵盤焦點也要以同樣方式移動高亮，卡片本身保持不動。