Border Beam (邊框光束)

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

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

一道發光脈衝沿著連接兩個元素的線條移動。

在[套用位置]加入「動態光束」(Animated Beam)效果，也叫 connecting beam。
一道短促的發光脈衝沿著連接兩個元素的線條從一端等速移動到另一端，然後重新開始：流暢、平靜。
連接線本身要一直看得見；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就讓脈衝保持靜止。

懸停時，一道斜向光帶從元素的一側掃到另一側。

在[套用位置]加入「光澤掃過」(Shine Sweep) 懸停效果，也叫光澤 (sheen)、閃亮按鈕 (shiny button)、懸停掃光 (shine on hover)、閃光 (glint)、微光 (shimmer) 或微光按鈕 (shimmer button)。
游標停在元素上時，一道柔和的斜向光帶從左往右掃過元素，並在短暫停頓後重複。
光帶要裁切在元素內部，游標移開後停止；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就不要播放。

點陣以波浪的方式脈動或發光。

在[套用位置]加入「點陣發光」(Dot Pattern Glow) 背景，也叫 dotted glow background 或 dot grid。
細密的點陣保持靜止，一道柔和的光帶緩緩掃過，點亮經過的圓點：平靜而含蓄。
圓點要夠淡，讓上層內容清楚好讀；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止發光。

一條發光的燈線向兩側展開，向下方的標題投下一道錐形光。

在[套用位置]加入「燈光效果」(Lamp Effect)，也叫 lamp glow。
區塊進入畫面時，一條細細的發光線從中間向兩側展開，向下方的標題投下一道柔和的錐形光，標題同時上浮淡入到位：緩慢而流暢。
只播放一次；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接顯示被照亮的標題。

柔和的光束在背景上輕輕搖曳。

在[套用位置]加入「光芒」(Light Rays) 背景，也叫 god rays 或 light shafts。
幾道柔和的半透明光束從頂端呈扇形散開，左右輕輕搖曳，同時略微變亮變暗：緩慢而富有氛圍。
光束要放在內容後面，並且夠淡，不影響閱讀；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止光束。