CSS 動態漸層產生器

建立線性、放射狀與圓錐漸層，調整動畫並匯出 CSS。

漸變預設

海風

溫暖的夕陽

清涼薄荷

紫霧

熱帶

火

棉花糖

電紫

午夜

極光

桃子

海洋之水

.gradient-background {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

角度：135°

使用色輪上相鄰的顏色實現平滑過渡，或使用互補色實現充滿活力、引人注目的效果。

使用 background-position 的動畫漸層是 GPU 加速的，並且比 filter 動畫效能更高。

確保放置在漸層上的任何文字都有足夠的對比。考慮新增 prefers-reduced-motion 媒體查詢。