什麼是漸層轉 CSS？

這是一款視覺化漸層產生器，支援設計線性、放射狀與圓錐漸層，可新增多個色彩節點，並直接複製產生的 CSS 程式碼。透過即時預覽調整角度、位置與顏色——無需手寫程式碼。

使用方法

1. 選擇漸層類型（線性、放射狀或圓錐），並設定方向或角度。
2. 點擊漸層條或使用顏色選擇器，新增、刪除或調整色彩節點。
3. 複製產生的 CSS 程式碼，直接貼入您的樣式表中使用。

結果

建立一個日落漸層：linear-gradient(135deg, #ff6b35 0%, #f72585 50%, #7209b7 100%)——非常適合用作頁面主視覺區域的背景。

相關工具