色標
CSS
background: #ff7ac6; background: linear-gradient(135deg, #ff7ac6 0%, #ffe14d 100%);
第一行是純色，給無法顯示漸層的老舊裝置使用。
從預設樣式開始
在您的裝置上製作。
為什麼要用CSS 漸層產生器
- 100% 免費
- 想用幾次就用幾次。免註冊、無浮水印、不用安裝。
- 隱私優先設計
- 您輸入的內容只留在瀏覽器中，絕不會傳送給我們。
- 任何裝置都能用
- 可在 Windows、Mac、Linux、Android 和 iPhone 的瀏覽器中執行，不需要安裝 App。
如何使用CSS 漸層產生器
- 選擇線性、放射狀或圓錐，並設定方向。
- 選擇顏色，並將每個色標拖曳到定位。
- 複製 CSS，或將漸層下載成圖片。
常見問題
- 如何使用這段 CSS？
- 把它貼到要上色元素的規則中。第一行是單色的備用值；第二行是漸層。
- 線性、放射狀和圓錐有什麼不同？
- 線性沿著直線混合，放射狀從中心向外擴散，圓錐則像色輪一樣繞著中心旋轉。
- 可以使用透明度嗎？
- 可以。在色標中輸入 rgba(47, 91, 255, 0.5) 這類顏色即可。
- 會上傳任何東西嗎？
- 不會。漸層是在您的裝置上產生的。
- CSS 漸層產生器是免費的嗎？
- 是的。免費使用，免註冊，也不用安裝任何東西。