關於這個 CSS 漸層產生器
拖動色標即可視覺化產生 CSS 漸層:支援 linear-gradient 與 radial-gradient 兩種類型,線性漸層可設定 0-360° 任意角度;每個色標由顏色選擇器與位置百分比組成,可自由增刪(2-5 個),位置與順序自動整理。
所有修改即時反映在預覽區,下方同步輸出標準 CSS 程式碼(如 background: linear-gradient(135deg, #6ea8fe 0%, #00e589 100%);),點擊複製即可貼到樣式表。漸層完全在瀏覽器本機計算,無需連網。