Mesh Gradient (網格漸層)
別稱 Animated mesh gradient
多個顏色點平順地交融、漂移，形成有機的多色背景。
適用情境
到達頁背景
提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 AI 代理。提示詞中包含動效名稱，下次只要說出名稱就能提出需求。
在[套用位置]加入「網格漸層」(Mesh Gradient) 背景，也叫 animated mesh gradient。
幾團柔和的色塊彼此交融，在區域內緩慢漂移，讓背景以有機的方式不斷變化：非常緩慢、流暢。
不論顏色怎麼交融，都要讓上層內容清楚好讀；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止漂移。相似的動效
Animated Gradient (動態漸層)
別稱 Gradient animation, Moving gradient, Background gradient animation
漸層背景中的顏色緩慢變化、平移或旋轉。
適用情境
主視覺背景、按鈕
在[套用位置]加入「動態漸層」(Animated Gradient)背景，也叫 gradient animation 或 moving gradient。
漸層的顏色在區域內緩慢平移，柔和、連續地流動，循環重新開始時不能出現明顯的跳動。
上方的文字在每種顏色上都要清楚易讀；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止移動。Aurora Background (極光背景)
別稱 Northern lights gradient
柔和模糊的色帶像極光一樣在內容後方飄動。
適用情境
主視覺區塊
在[套用位置]加入「極光背景」(Aurora Background)，也叫 northern lights gradient。
柔和、模糊的色帶在內容後方緩慢飄動搖曳，彼此重疊交融，就像北極光：非常緩慢、如夢似幻。
上方文字要保持清楚易讀，不要每一格畫面都重新對色帶做模糊，以維持流暢；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止飄動。Background & Ambient 中的其他動效
Meteors (流星)
別稱 Meteor shower, Shooting Stars
帶著發光尾跡的斜線劃過卡片或區塊。
適用情境
卡片和主視覺點綴
在[套用位置]加入「流星」(Meteors) 效果，也叫流星雨 (meteor shower) 或 shooting stars。
幾道帶著漸隱尾跡的小斜線在隨機時刻斜斜劃過區域，每一道都一閃而過。
數量要少，維持點綴的作用，並在區域邊緣裁切；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止流星。Noise / Grain Texture (雜訊顆粒)
別稱 Film grain, Noise background
細密的顆粒紋理覆蓋在頁面上，有時像底片顆粒一樣閃動。
適用情境
為漸層增添質感與層次
在[套用位置]加入「雜訊顆粒」(Noise / Grain Texture) 疊加層，也叫底片顆粒 (film grain) 或 noise background。
一層細密、淺淡的顆粒紋理覆蓋在表面上，像底片顆粒一樣小幅跳動閃爍：要含蓄，絕不能強到讓內容顯得混濁。
點擊要能穿透疊加層；紋理只產生一次，不要每一格都重新產生；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就保持靜止。Particles (粒子)
別稱 Floating particles, Particle field
大量小圓點在背景中漂浮、彼此連線或對游標做出反應。
適用情境
主視覺和區塊背景
在[套用位置]加入「粒子」(Particles) 背景，也叫 floating particles 或 particle field。
大小不一的小圓點各按自己的節奏，沿著柔和、隨意遊走的路徑緩慢漂浮：平靜而輕盈。
圓點數量要適中，在效能較弱的裝置上也保持輕快；離開畫面時暫停；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止動畫。