CSS 漸層產生器
免費線上 CSS 漸層產生工具，支援即時預覽
CSS 漸層類型
線性漸層沿由角度或方向定義的直線過渡顏色。徑向漸層從中心點向外以圓形或橢圓形過渡顏色。兩者都支援多個色標，用於三種或更多顏色之間的複雜過渡。
如何建立 CSS 漸層
選擇漸層類型（線性或徑向），選擇起始和結束顏色，調整線性漸層的角度。工具即時產生 CSS 程式碼。複製 CSS 並貼上到樣式表中作為 background 或 background-image 屬性。
▶漸層可以使用兩種以上的顏色嗎？
可以，CSS 漸層支援無限色標。透過在產生的 CSS 程式碼中添加額外的顏色值（以逗號分隔）來增加顏色。
▶CSS 漸層的瀏覽器支援情況如何？
所有現代瀏覽器都支援 CSS 漸層。對於舊瀏覽器，可能需要廠商前綴（-webkit-gradient）或純色回退。
▶漸層中可以使用透明度嗎？
可以。使用 rgba() 或 hsla() 顏色值來包含透明度。例如，linear-gradient(135deg, rgba(255,0,0,0.5), transparent) 建立半透明紅色漸層。