渐变颜色生成器/h1>
支持线性渐变,径向渐变,拖拽排序颜色停止点,实时预览并复制CSS代码
渐变类型/span>
渐变角度/span>
°
颜色停止点(2)
渐变预览
CSS 代码
渐变类型线性
停止点数2
角度135°
代码长度0 字符
渐变颜色生成器说明/h2>
渐变颜色生成器用于创廀CSS 渐变背景,支持线性渐变(linear-gradient)和径向渐变(radial-gradient)两种类型。
线性渐变:颜色沿指定方向(角度)线性过渡,0° 为从下到上,90° 为从左到右,可设网0°-360° 任意角度 /p>
径向渐变颜色从中心向外辐射过渡,适合创建圆形或椭圆形的光晕效果。
颜色停止点:每个停止点包含颜色值和位置百分比,至少需要 2 个停止点。可通过拖拽重新排序,点减添加"可增加新的停止点 /p>
预设方案内置日落、海洋、森林、金色四种预设渐变方案,点击即可快速应用。
复制功能点击"复制 CSS 代码"按钮,即可将生成的CSS 渐变代码复制到剪贴板,直接用于样式开发。
渐变颜色生成器用于创廀CSS 渐变背景,支持线性渐变(linear-gradient)和径向渐变(radial-gradient)两种类型。
线性渐变:颜色沿指定方向(角度)线性过渡,0° 为从下到上,90° 为从左到右,可设网0°-360° 任意角度 /p>
径向渐变颜色从中心向外辐射过渡,适合创建圆形或椭圆形的光晕效果。
颜色停止点:每个停止点包含颜色值和位置百分比,至少需要 2 个停止点。可通过拖拽重新排序,点减添加"可增加新的停止点 /p>
预设方案内置日落、海洋、森林、金色四种预设渐变方案,点击即可快速应用。
复制功能点击"复制 CSS 代码"按钮,即可将生成的CSS 渐变代码复制到剪贴板,直接用于样式开发。