什麼是漸層產生器？

視覺化 CSS 漸層建構工具，支援線性、放射狀和錐形漸層，可新增無限色標。即時調整角度、位置和顏色，一鍵複製 CSS 程式碼。

使用方法

1. 步驟一 — 選擇漸層類型（線性、放射狀或錐形），使用角度滑桿或預設按鈕設定方向或角度。
2. 步驟二 — 點擊漸層列新增色標，透過拖曳或輸入精確數值來調整每個色標的顏色和位置。
3. 步驟三 — 即時預覽漸層效果，然後將產生的 CSS 程式碼複製到剪貼簿，或下載為 CSS 檔案。

結果

假設你想做一個日落主題的首屏背景。選擇 135° 線性漸層，0% 設為橘色、50% 設為玫紅、100% 設為紫色，然後把 CSS 貼入樣式表就行了。

相關工具