Animated Gradient (動態漸層)
別稱 Gradient animation, Moving gradient, Background gradient animation
漸層背景中的顏色緩慢變化、平移或旋轉。
適用情境
主視覺背景、按鈕
變體
- shifting position
- rotating angle
- blobs moving
提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 AI 代理。提示詞中包含動效名稱，下次只要說出名稱就能提出需求。
在[套用位置]加入「動態漸層」(Animated Gradient)背景，也叫 gradient animation 或 moving gradient。
漸層的顏色在區域內緩慢平移，柔和、連續地流動，循環重新開始時不能出現明顯的跳動。
上方的文字在每種顏色上都要清楚易讀；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止移動。