Cursor Spotlight (游標聚光燈)

柔和的放射狀光線跟著游標在卡片表面移動，照亮下方的背景。

在[套用位置]加入「卡片聚光燈」(Card Spotlight) 效果，也叫聚光懸停 (spotlight hover)、游標光暈 (pointer glow)、跟隨滑鼠的光暈 (mouse-following glow) 或放射狀漸層懸停 (radial gradient hover)。
柔和、淡淡的放射狀光暈跟著游標在卡片表面移動，游標移入時淡入，移出時淡出。
光暈放在卡片內容的後面，讓文字保持清楚易讀；在觸控裝置上則不顯示光暈。

遮罩形狀劃過或跟隨游標，露出下方的內容。

在[套用位置]加入「SVG 遮罩顯現」(SVG Mask Reveal) 懸停效果，也叫 clip-path reveal 或聚光燈遮罩 (spotlight mask)。
游標移上去時，圓形遮罩從中心擴大，露出下方的內容；游標移開後再收合：流暢且偏快。
兩個圖層保持完全相同的尺寸，避免任何位移；鍵盤聚焦和點按時也顯示同樣的顯現效果。

在卡片上移動游標時，遮罩邊緣或聚光燈下隱藏的文字隨之顯露。

在[套用位置]加入「文字顯現卡片」(Text Reveal Card) 效果，也叫聚光燈文字顯現 (spotlight text reveal)。
游標在卡片上移動時，一條垂直邊緣緊緊跟隨，在一側露出隱藏的文字：流暢、直接，沒有延遲。
在沒有游標可跟隨的觸控裝置上，讓拖曳或輕觸也能顯示隱藏文字，並讓隱藏文字可被螢幕閱讀器讀取。

一道柔和的錐形光或光斑掃入到位，照亮背景的一部分。

在[套用位置]加入「聚光燈」(Spotlight) 效果，也叫 spotlight sweep 或 light cone。
頁面載入時，一道柔和的錐形光從角落斜斜掃進來，停在標題上方，到位時逐漸變亮：緩慢而流暢。
只播放一次；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接顯示已照在標題上的光。

游標移動時，後方留下一串逐漸消失的圖形。

在[套用位置]加入「游標拖尾」(Cursor Trail) 效果，也叫滑鼠拖尾 (mouse trail)。
游標移動時，後方留下一小串小圓點，每個點都迅速縮小並淡出，讓拖尾保持短小，順暢地描出移動路徑。
只在游標移動時繪製拖尾，絕不能擋住點擊；在觸控裝置上，或者如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就不要顯示。

預設箭頭被換成有樣式的圓點或圓環，移到可互動元素上時會跟著變化。

在[套用位置]加入「自訂游標」(Custom Cursor)，也叫動畫游標 (animated cursor) 或游標替換 (cursor replacement)。
用一個精準跟隨游標的小圓點，加上一個稍微落後跟隨的圓環來取代預設箭頭；移到連結和按鈕上時，圓環平順地放大。
在觸控裝置和文字輸入框中保留一般游標，而且自訂游標絕不能擋住點擊。

游標靠近時元素被吸向游標，離開後又彈回原位。

在[套用位置]加入「磁吸按鈕」(Magnetic Button) 效果，也叫磁吸目標 (magnetic target) 或磁吸懸停 (magnetic hover)。
游標靠近時，按鈕被輕輕吸向游標，按鈕文字移動得再多一點；游標離開後，按鈕帶著一點小彈跳回到原位。
不要讓周圍版面跟著移動；在觸控裝置上，或者如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就關閉吸附。