Light Rays (光芒)

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

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

柔和模糊的色帶像極光一樣在內容後方飄動。

在[套用位置]加入「極光背景」(Aurora Background)，也叫 northern lights gradient。
柔和、模糊的色帶在內容後方緩慢飄動搖曳，彼此重疊交融，就像北極光：非常緩慢、如夢似幻。
上方文字要保持清楚易讀，不要每一格畫面都重新對色帶做模糊，以維持流暢；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止飄動。

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

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

細細的發光線條沿路徑移動，有時撞到表面會迸散開來。

在[套用位置]加入「背景光束」(Background Beams)效果，也叫 light beams 或 background lines。
背景中鋪著幾條淺色曲線路徑，短短的發光條一條接一條地沿路徑移動，節奏平穩、等速。
光束要錯開時間，絕不同步移動，並放在內容後方；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止光束。

多個顏色點平順地交融、漂移，形成有機的多色背景。

在[套用位置]加入「網格漸層」(Mesh Gradient) 背景，也叫 animated mesh gradient。
幾團柔和的色塊彼此交融，在區域內緩慢漂移，讓背景以有機的方式不斷變化：非常緩慢、流暢。
不論顏色怎麼交融，都要讓上層內容清楚好讀；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止漂移。

帶著發光尾跡的斜線劃過卡片或區塊。

在[套用位置]加入「流星」(Meteors) 效果，也叫流星雨 (meteor shower) 或 shooting stars。
幾道帶著漸隱尾跡的小斜線在隨機時刻斜斜劃過區域，每一道都一閃而過。
數量要少，維持點綴的作用，並在區域邊緣裁切；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止流星。

細密的顆粒紋理覆蓋在頁面上，有時像底片顆粒一樣閃動。

在[套用位置]加入「雜訊顆粒」(Noise / Grain Texture) 疊加層，也叫底片顆粒 (film grain) 或 noise background。
一層細密、淺淡的顆粒紋理覆蓋在表面上，像底片顆粒一樣小幅跳動閃爍：要含蓄，絕不能強到讓內容顯得混濁。
點擊要能穿透疊加層；紋理只產生一次，不要每一格都重新產生；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就保持靜止。