CSS渐变生成器

简介 CSS渐变生成器?

CSS渐变生成器通过可视化编辑器创建漂亮的线性、径向和锥形渐变，并输出可直接使用的CSS代码。它消除了手写渐变语法的猜测工作，让您可以交互式地实验颜色、角度和节点位置。

使用方法

1. 选择渐变类型：线性、径向或锥形
2. 通过点击渐变条添加和定位颜色节点
3. 调整渐变的角度或方向
4. 复制生成的CSS代码并粘贴到样式表中

常见问题

线性渐变和径向渐变有什么区别？

线性渐变沿直线方向过渡（如从上到下）。径向渐变从中心点向外以圆形或椭圆形扩散。

可以在渐变中使用两种以上的颜色吗？

可以，CSS渐变支持无限数量的颜色节点。添加多个颜色并将它们定位在渐变线的特定百分比位置。

CSS渐变在所有浏览器中都有效吗？

现代CSS渐变在所有当前浏览器中都受支持。-webkit-前缀只在非常旧的Safari版本（2014年之前）中才需要。