歡迎回報翻譯錯誤、提出功能建議或回報問題。聯絡我們: toolsintab@gmail.com

漸層

使用最多 8 組顏色與位置建立漸層,儲存 CSS·SVG·PNG。 檔案與輸入內容不會上傳或儲存於伺服器。

使用方法

使用最多 8 組顏色與位置建立漸層,儲存 CSS·SVG·PNG。

支援格式與限制

Values / Images → SVG / PNG

所有處理均在此瀏覽器中完成。檔案格式和裝置可用記憶體可能限制處理範圍。

依位置排序顏色,位置為 0~100%。

漸層 使用指南

操作步驟

  1. 設定各顏色與位置百分比。
  2. 設定方向,新增或刪除顏色並查看預覽。
  3. 複製 CSS,或儲存為 SVG·PNG。

使用範例

輸入/設定

90° · #235c47 0% → #f6f7f3 100%

結果/確認

由左至右的漸層 · CSS·SVG·PNG

依位置排序顏色,位置為 0~100%。

注意事項

  • 依位置排序顏色,位置為 0~100%。
  • 0 度為上方,90 度為右方。匯出尺寸為 800×460。