Background & Ambient

Background Beams (背景光束)

別稱 Light beams, Beam collision, Animated Path Lines, Background Lines, Wave Path Lines

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

主視覺背景

  • SVG path beams
  • beams with collision
  • background lines
  • drawing paths
  • scroll-driven paths (Gemini effect)

查看示範原始碼

提示詞

將 [套用位置] 替換成你要套用的位置,再貼給 AI 代理。提示詞中包含動效名稱,下次只要說出名稱就能提出需求。

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

將 [套用位置] 替換成你要套用的位置,再貼給 AI 代理。提示詞中包含動效名稱,下次只要說出名稱就能提出需求。