使用 CSS Gradient Creator 快速建立良好的 CSS 漸層

這個由 Josh W Comeau 工具提供，輕鬆建立精美的漸層。

Paul Kinlan

Josh W Comeau 的這個 CSS Gradient Generator 是一款簡單易用的網路應用程式，可協助您製作「美觀、鮮豔的漸層」。

我個人在將語法對應至圖表時不太順利，因此這項工具能幫上忙。它著重於建立線性漸層，可讓您使用多種色彩模式 (例如 HCL) 進行設定，即使 linear-gradient CSS 函式並未直接支援這些色彩模式。Josh 支持的網誌文章更詳細說明色彩內插的計算方法，並套用至瀏覽器可轉譯的內容，簡言之，我們深入探討了這項技術背後的一些理論。

線性漸層

瀏覽器支援

• 26
• 12
• 16
• 7

資料來源

Luke Chesser 於 Unsplash 上提供的主頁橫幅