CSS 渐变生成器
可视化创建精美的 CSS 渐变。生成支持多色标的线性渐变和径向渐变。
常见问题
什么是 CSS 渐变?
CSS 渐变是一种 CSS 属性,允许您在不使用图像的情况下显示两种或多种指定颜色之间的平滑过渡。
线性渐变和径向渐变有什么区别?
线性渐变沿直线过渡颜色(您设置方向/角度)。径向渐变从中心点向外以圆形或椭圆形过渡颜色。
可以使用多少个色标?
您可以使用任意数量的色标。每个色标定义一个颜色,可选地指定沿渐变线的位置(0% 到 100%)。
如何使用生成的 CSS 代码?
复制生成的 CSS 代码,将其作为样式表中 background 或 background-image 属性的值使用。