常見問題

什麼是 CSS 漸層？

CSS 漸層是一種用 CSS 創建的背景效果，可以在兩種或多種顏色之間平滑過渡。常用的類型有線性漸層（linear-gradient）、徑向漸層（radial-gradient）和錐形漸層（conic-gradient）。

線性漸層和徑向漸層有什麼區別？

線性漸層沿一條直線方向過渡（可設定角度），徑向漸層從中心點向外呈圓形或橢圓形過渡，錐形漸層則圍繞中心點旋轉過渡。

可以新增幾個色彩停靠點？

理論上沒有限制，但建議使用 2-5 個色彩停靠點以獲得最佳視覺效果。過多的停靠點可能讓漸層顯得雜亂。

生成的 CSS 相容哪些瀏覽器？

現代主流瀏覽器（Chrome、Firefox、Safari、Edge）都完全支援 CSS 漸層。IE 11 支援基本的線性漸層但不支援錐形漸層。

如何在實際專案中使用？

只需點擊「複製 CSS」按鈕，然後將生成的 background 屬性貼到您的 CSS 檔案中即可。可用於任何支援 background 的 HTML 元素。

🎨 CSSGradient