CSS 漸變生成器 使用指南

漸變是常用背景裝飾。本工具調節起止色、角度與色標,實時預覽並複製 linear/radial-gradient 代碼。純前端,不上傳。

核心功能

適用場景

使用步驟

  1. 加色標調角度
  2. 實時預覽
  3. 複製 CSS

實用技巧

常見問題

徑向怎麼寫?
radial-gradient(shape at pos, c1, c2)。
能給個例子嗎?
linear-gradient(135deg,#FF6B35,#7C3AED)。
→ 去使用 CSS 漸變生成器(免費 · 純前端 · 數據不上傳)