產生

CSS漸層產生器

以即時預覽建立精美的CSS漸層

角度135°

色彩節點

#6366f10%

#ec4899100%

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

關於CSS漸層產生器

CSS漸層產生器可以建立美觀的線性和放射漸層，並提供即時預覽。它輸出可直接使用的CSS程式碼，你可以直接複製到專案中。這款免費工具在瀏覽器中執行，不會在任何伺服器上儲存資料。

如何建立CSS漸層？

選擇漸層類型，使用顏色選取器選擇顏色，調整方向或角度，然後即時檢視效果。當你對漸層滿意時，複製產生的CSS程式碼並貼到樣式表中。

是否會儲存或傳輸任何資料？

不會。漸層完全在瀏覽器中建立。不會有顏色、偏好設定或CSS程式碼傳送到任何伺服器。在你複製產生的程式碼之前，所有內容都留在你的裝置上。

我可以建立超過兩種顏色的漸層嗎？

可以，你可以新增多個色標來建立複雜的多色漸層。你還可以調整每個色標的位置和漸層角度或方向，以實現你想要的精確視覺效果。