CSS 渐变生成器 — 可视化设计渐变
通过实时预览创建线性和径向 CSS 渐变,并复制可直接使用的 background 代码。
🔒 全部在你的浏览器中运行。输入和输出都不会发送到服务器或被保存,十分安全。
这个工具有用吗?点一下表达心情
关于此工具
可视化设计线性和径向 CSS 渐变:添加色标、拖动调整位置并设置角度,实时预览会随之更新。满意后,复制可直接粘贴的 background 代码到你的样式表即可。全部在你的浏览器中运行。
常见问题
如何创建 CSS 渐变?
选择线性或径向,挑选两种或更多颜色并放置色标,然后调整角度或中心。工具会为你写出相应的 background 值——复制后粘贴到你的 CSS 规则中即可。
线性渐变和径向渐变有什么区别?
线性渐变沿你选择的角度在一条直线上混合颜色,而径向渐变则从中心点以圆形或椭圆形向外混合。线性渐变适合背景和按钮,径向渐变则适合聚光效果和柔和光晕。
会有任何内容发送到服务器吗?
不会。预览和生成的代码完全在你的浏览器中产生,你设计的任何内容都不会被上传或存储。