Developer Tools
CSS Gradient Generator
🔒 在瀏覽器中執行
Create linear, radial, and conic CSS gradients with a live preview. Copy the CSS instantly. Free, runs in your browser.
如何使用此工具
- 選擇漸層類型、方向及色彩節點。
- 預覽即時漸層並調整至滿意。
- 將生成的 CSS 程式碼複製到你的樣式表中。
Color stops
0%
100%
CSS
background: linear-gradient(135deg, #f97316 0%, #8b5cf6 100%);
常見問題
- 漸層生成器會將我的資料傳送至伺服器嗎？
- 不會。所有漸層渲染和 CSS 程式碼生成都完全在您的瀏覽器中進行，不會傳送任何內容至任何地方。
- 我可以建立哪些類型的漸層？
- 您可以建立 CSS 線性漸層（方向性色彩過渡）和放射狀漸層（圓形或橢圓形），兩者都支援多個色彩節點。
- 我可以直接在 CSS 中使用輸出嗎？
- 可以。工具輸出即用的 CSS 程式碼，您可以直接複製並貼入您的樣式表。
- 它支援多個色彩節點嗎？
- 支援。您可以新增任意數量的色彩節點，並調整它們在漸層軸上的位置。