設計
CSS 漸層產生器
視覺化產生 CSS 漸層。
使用方法
選取預設值或從頭建立：新增顏色停駐點、拖曳位置、切換線性/放射/圓錐。複製 CSS 或 Tailwind 類別片段。
常見問題
支援哪些漸層類型？
線性（任意角度）、放射狀（從中心向外的圓形）與圓錐形（色環）。每種都支援多個位置可拖曳的色標。
如何使用 CSS？
將產生的 background 行複製到樣式表，或貼到 Tailwind 任意值中，例如 bg-[linear-gradient(...)]。
可以從預設開始嗎？
可以——點選 12 種預設中的任一種（日落、海洋、放射狀聚光、圓錐形彩虹等），再調整色標與角度。
最後更新日期: