CSS渐变生成器是用于构建 CSS 线性与径向渐变的可视化工具。你可以添加色标,在 0—00% 范围内设置其位置,为线性渐变选择角度,并实时查看结果。最终的 CSS 属性可直接粘贴到任何样式表中。
支持带自定义角度(0—60°)的线性渐变和径向渐变(圆形)。
可以。点击“添加色标”即可添加任意数量的色标。每个色标都有独立的颜色和位置。
使用角度滑块。0° 表示从上到下,90° 表示从左到右,135° 表示沿对角线方向。
Yes. The tool outputs standard CSS using the linear-gradient() and radial-gradient() functions which are supported by all modern browsers.