CSS Gradient 生成器
視覺化設計 Linear、Radial、Conic 三種 CSS 漸層，可自訂角度、中心點與多個色彩節點，即時預覽並一鍵複製完整 CSS 程式碼。所有操作完全於瀏覽器端執行。
漸層設定
在左側調整參數，右側即時預覽漸層效果並複製 CSS 程式碼。
deg
CSS
background: linear-gradient(135deg, #6c63ff 0%, #a78bfa 100%);
視覺化設計 Linear、Radial、Conic 三種 CSS 漸層，可自訂角度、中心點與多個色彩節點，即時預覽並一鍵複製完整 CSS 程式碼。所有操作完全於瀏覽器端執行。
在左側調整參數，右側即時預覽漸層效果並複製 CSS 程式碼。
background: linear-gradient(135deg, #6c63ff 0%, #a78bfa 100%);
支援三種：`linear-gradient`（線性漸層）、`radial-gradient`（放射漸層）、`conic-gradient`（錐形漸層），可視覺化調整角度、中心點與多個色彩節點。
可以直接複製 CSS 程式碼使用，已支援所有現代瀏覽器。工具不加任何廠商前綴（-webkit- 等），現代瀏覽器已不需要。
可以。點選色彩節點後調整 Alpha 值，即可產生帶有透明度的漸層，例如從實色漸變到完全透明的效果。