Hollow (空心化)

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

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

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

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

懸停時，邊框顏色淡入或漸變為新顏色。

在[套用位置]加入「邊框色漸變」(Border Fade) 懸停效果。
游標停在元素上時，邊框從柔和的顏色平順漸變為強調色：含蓄，不帶位移或尺寸變化。
兩種狀態下的邊框粗細保持一致，避免任何位移，鍵盤焦點時也呈現同樣的效果。

漸層邊框沿著元素四周流動，游標懸停時向外擴展。

在[套用位置]加入「懸停漸層邊框」(Hover Border Gradient) 效果。
一小段漸層亮光停在邊框的某一處；游標懸停時，它沿著邊框等速環繞，同時整圈邊框帶著柔和光暈變亮。
只在懸停時讓邊框動起來；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就保持靜止。

游標懸停時元素下方出現或加深一層柔和陰影，營造浮起的感覺。

在[套用位置]加入「懸停陰影」(Hover Shadow) 效果，也叫 drop shadow on hover 或 elevation on hover。
游標懸停時，元素下方的柔和陰影加深並擴散，讓它看起來浮起；游標移開後再淡回原樣，元素本身保持不動。
陰影要夠含蓄，在淺色和深色主題下都合適；鍵盤聚焦時也顯示同樣的效果。

一層半透明覆蓋層替元素染上顏色，表示游標正停在上面。

在[套用位置]加入「懸停狀態層」(Hover State Layer)，也叫 hover state、state layer 或 hover overlay。
游標懸停時，一層使用內容顏色的淡淡半透明覆蓋層快速淡入蓋住元素，游標移開後淡出。
保持夠淡，不影響對比度；聚焦和按下狀態也使用同樣的狀態層做法。