Dev Patrache

CSS 漸層產生器

색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
最後更新:2026 · 免費線上工具

什麼是 CSS 漸層產生器?

免費線上視覺化編輯器,建立CSS漸層並複製代碼

使用方法

  1. 1
    選擇類型 — 選擇漸層類型(線性、徑向、錐形)。
  2. 2
    調整顏色停止點 — 調整每個顏色停止點的顏色和位置。
  3. 3
    預覽 — 在預覽中即時查看結果。
  4. 4
    複製CSS程式碼 — 使用'複製'按鈕將CSS程式碼複製到剪貼簿。

相關工具

常見問題

沒有限制,但通常2-6個。太多可能會影響效能。

支援。啟用'重複'核取方塊即可新增repeating前綴。

提供5種預設:Sunset、Ocean、Forest、Midnight和Rainbow。

目前僅輸出純CSS。Tailwind轉換計劃在未來更新中新增。

不會。所有處理都在瀏覽器中完成。

本站使用 Cookie 以改善體驗和投放廣告。 瞭解更多