CSS 漸層產生器
產生 CSS 線性和放射漸層，即時預覽並複製 CSS 程式碼
使用說明
- 使用上方兩個色盤分別選擇漸層的起始色和結束色
- 選擇漸層方向：線性漸層（6 個方向）或放射狀漸層
- 如需更豐富的漸層效果，可點擊「新增色停點」加入中間色
- 即時預覽區會顯示漸層效果，下方顯示對應的 CSS 程式碼
- 點擊「複製 CSS」按鈕，即可將程式碼貼到您的樣式表中使用
常見問題 FAQ
什麼是 CSS 漸層？
CSS 漸層（Gradient）是一種讓顏色平滑過渡的背景效果。分為線性漸層（linear-gradient）沿直線方向變化，和放射狀漸層（radial-gradient）從中心向外擴散。所有現代瀏覽器都支援 CSS 漸層。
線性漸層和放射狀漸層的差別？
線性漸層沿著一條直線（如由左到右、由上到下、對角線等）進行顏色過渡；放射狀漸層則從一個中心點向外圓形擴散。兩者各有適合的設計場景，線性漸層常用於背景條紋，放射漸層常用於聚光燈效果。
如何在網頁中使用產生的 CSS 漸層？
複製產生的 CSS 程式碼後，貼到您的 CSS 檔案中對應元素的 background 屬性即可。例如：.my-element { background: linear-gradient(to right, #FF5733, #3B82F6); }。漸層可用於任何支援 background 屬性的元素。