CSS背景渐变色生成器
点击收藏
点击获取CSS代码
线性
径向
锥形
90°
上
右
下
左
右上
右下
左下
左上
渐变设置：
中心点位置：
圆形
椭圆
中心
顶部
右侧
底部
左侧
左上
右上
右下
左下
0°
中心
顶部
右侧
底部
左侧
添加新选项
关于CSS渐变背景色代码生成工具介绍：
1、CSS渐变色背景：指网页中背景颜色从一种到另一种的平滑过渡，用来替代传统的静态背景图像。
2、本工具可以在线可视化调试不同的渐变色，并生成相应的CSS代码。
3、本工具支持线性，径向以及锥形三种不同模式的渐变模式，还可以调用渐变的中心点以及渐变角度。
推荐工具
![正则表达式生成器]()
正则表达式生成器
快速生成匹配特定模式文本的正则表达式。
![在线八字转日期工具]()
在线八字转日期工具
在线将生辰八字转为日期
![航速单位换算器]()
航速单位换算器
在线航速单位换算器
![绝对值计算]()
绝对值计算
在线绝对值计算工具
![立方根(三次方根)计算工具]()
立方根(三次方根)计算工具
在线立方根(三次方根)计算工具
![圆球体积计算器]()
圆球体积计算器
在线计算圆球体积
![重量在线换算]()
重量在线换算
重量单位在线换算工具
![车牌号查询]()
车牌号查询
在线提供车牌号归属地查询
![二种颜色混合器]()
二种颜色混合器
将二种颜色进行混合，得到一种新的颜色！
![DIV元素阴影效果生成器]()
DIV元素阴影效果生成器
一键调试DIV元素阴影效果并生成CSS代码。
![CSS扭曲渐变背景生成器]()
CSS扭曲渐变背景生成器
独特的液体扭曲渐变效果，实时预览并获取CSS代码！
![反算贷款金额计算器]()
反算贷款金额计算器
通过每月的还款金额来计算贷款总金额
![观音灵签]()
观音灵签
在线观音抽签小工具
![各国国旗在线查询]()
各国国旗在线查询
在线查询世界各国的旗帜
![纯色背景图片生成器]()
纯色背景图片生成器
在线生成纯色背景的图片小工具
![励志句子]()
励志句子
励志句子,正能量句子
![在线鲁班尺查询]()
在线鲁班尺查询
在线鲁班尺吉凶数查询
![在线扫雷小游戏]()
在线扫雷小游戏
一款在线扫雷的休闲小游戏
![Photoshop快捷键大全]()
Photoshop快捷键大全
在线查询Photoshop快捷键
![女性三围自测]()
女性三围自测
女性标准三围在线自测工具
![高校查询]()
高校查询
在线查询全国211大学，985大学
![在线文本填充工具]()
在线文本填充工具
在线对文本进行填充
![文本换行符转换行工具]()
文本换行符转换行工具
在线将文本中的换行符转为换行
![血液酒精含量计算]()
血液酒精含量计算
帮您计算喝酒后，血液内酒精的含量
