CSS 漸層產生器
都在目前分頁進行。不上傳。
CSS
使用步驟
設計 CSS 背景漸層並複製程式碼。不上傳任何內容。
選擇類型或預設樣式
從預設樣式或「隨機」開始，再選擇線性、放射或圓錐，並設定角度或形狀。
設定顏色
更改每個顏色並拖曳它的位置。最多可新增六個顏色；按 × 可移除。
複製 CSS
按「複製 CSS」貼進你的樣式表，或選擇尺寸後按「儲存 PNG」做成桌布。
常見問題
怎麼製作 CSS 漸層？
選擇類型（線性、放射或圓錐），設定顏色和位置，再調整角度或形狀。CSS 會即時更新；按「複製 CSS」即可。
什麼是色標？
色標是漸層上某個位置（0% 到 100%）的顏色。最多可新增六個色標；漸層會依位置順序在它們之間混色。
為什麼有兩行 background？
第一行是給很舊的瀏覽器用的純色；第二行才是漸層。所有現行瀏覽器都會使用漸層。
可以把漸層存成圖片嗎？
可以。選擇尺寸（桌機、手機、1440p 或正方形），按「儲存 PNG」。圖片在你的瀏覽器裡繪製。
線性、放射還是圓錐？
線性是沿著一條有角度的直線混色（90° 為由左到右）。放射是從中心以圓形或橢圓形向外擴散。圓錐則像色輪一樣繞著中心旋轉。