CSS 漸層生成器

使用方法

1. 開啟頁面就有一段漸層——第一個結果不需要任何點選。
2. 選型別：「線性」沿角度展開，「徑向」從圓形向外擴散，「圓錐」繞中心掃過。線性與圓錐用滑桿調角度。
3. 用取色器設顏色，拖動每個位置（0–100%）。想要多色漸層就點「+ 加色」，不想要了刪到只剩兩個。
4. CSS 在下方即時更新——點一下複製，貼進任何支援 CSS 的地方即可。

規則、侷限與常見問題

• 只支援不透明顏色：取色器是瀏覽器原生控制項，沒有透明度。需要半透明請把顏色先換成含 alpha 的形式再回來。
• 只有單段標準形態：線性/徑向/圓錐——沒有 -webkit- 字首、沒有多層疊加、沒有徑向尺寸/中心定位等高階引數。
• 色標按你加入的先後排序——不會自動排序，所以位置亂序會故意產生"跳變"漸層。
• 色標在 2 到 8 個之間。刪到 1 個時不再生成合法漸層（會提示），而不是偽造一段。
• 沒有預設庫、沒有整頁背景套用、沒有帶值分享連結——分享按鈕只分享頁面連結；不上傳、不儲存、不寫入 URL。
• 角度對徑向漸層無意義，所以角度控制項會隱藏，生成的程式碼也不含角度。