CSS / Gradient
Gradient
可视化编辑线性 / 径向渐变,实时预览并复制 CSS。
预设
色标
色标 1
色标 2
CSS
CSS 渐变怎么写?
CSS 渐变通过 linear-gradient 与 radial-gradient 生成,无需图片即可实现平滑的颜色过渡。线性渐变用角度(deg)控制方向,径向渐变可指定 circle / ellipse 形状与圆心位置;每个色标由颜色和位置百分比组成,可添加任意数量。本工具提供可视化编辑、实时预览与一键复制 CSS。
CSS / Gradient
可视化编辑线性 / 径向渐变,实时预览并复制 CSS。
CSS 渐变通过 linear-gradient 与 radial-gradient 生成,无需图片即可实现平滑的颜色过渡。线性渐变用角度(deg)控制方向,径向渐变可指定 circle / ellipse 形状与圆心位置;每个色标由颜色和位置百分比组成,可添加任意数量。本工具提供可视化编辑、实时预览与一键复制 CSS。