CSS 渐变生成器
免费在线 CSS 渐变生成工具,支持实时预览
CSS 渐变类型
线性渐变沿由角度或方向定义的直线过渡颜色。径向渐变从中心点向外以圆形或椭圆形过渡颜色。两者都支持多个色标,用于三种或更多颜色之间的复杂过渡。
如何创建 CSS 渐变
选择渐变类型(线性或径向),选择起始和结束颜色,调整线性渐变的角度。工具即时生成 CSS 代码。复制 CSS 并粘贴到样式表中作为 background 或 background-image 属性。
▶渐变可以使用两种以上的颜色吗?
可以,CSS 渐变支持无限色标。通过在生成的 CSS 代码中添加额外的颜色值(以逗号分隔)来增加颜色。
▶CSS 渐变的浏览器支持情况如何?
所有现代浏览器都支持 CSS 渐变。对于旧浏览器,可能需要厂商前缀(-webkit-gradient)或纯色回退。
▶渐变中可以使用透明度吗?
可以。使用 rgba() 或 hsla() 颜色值来包含透明度。例如,linear-gradient(135deg, rgba(255,0,0,0.5), transparent) 创建半透明红色渐变。