漸層
使用最多 8 組顏色與位置建立漸層,儲存 CSS·SVG·PNG。 檔案與輸入內容不會上傳或儲存於伺服器。
使用方法
使用最多 8 組顏色與位置建立漸層,儲存 CSS·SVG·PNG。
支援格式與限制
Values / Images → SVG / PNG
所有處理均在此瀏覽器中完成。檔案格式和裝置可用記憶體可能限制處理範圍。
依位置排序顏色,位置為 0~100%。
漸層 使用指南
操作步驟
- 設定各顏色與位置百分比。
- 設定方向,新增或刪除顏色並查看預覽。
- 複製 CSS,或儲存為 SVG·PNG。
使用範例
輸入/設定
90° · #235c47 0% → #f6f7f3 100%
結果/確認
由左至右的漸層 · CSS·SVG·PNG
注意事項
- 依位置排序顏色,位置為 0~100%。
- 0 度為上方,90 度為右方。匯出尺寸為 800×460。