CSS 渐变生成器
① 设计 / 资源
这是什么:渐变就是颜色平滑过渡的背景。这里拖一拖就生成对应的 CSS 代码。
什么时候用:想给按钮、卡片或页面背景做个渐变色时。
色标
CSS 代码
全部在你的浏览器本地计算,不上传任何数据。
常见问题
生成的渐变怎么用?
把输出的 background 那行 CSS 贴到元素的样式里即可,例如 .btn { background: linear-gradient(...); }。
这是什么:渐变就是颜色平滑过渡的背景。这里拖一拖就生成对应的 CSS 代码。
什么时候用:想给按钮、卡片或页面背景做个渐变色时。
全部在你的浏览器本地计算,不上传任何数据。
把输出的 background 那行 CSS 贴到元素的样式里即可,例如 .btn { background: linear-gradient(...); }。