CSS渐变生成器
选择两种颜色,选取线性或径向渐变,并调整角度以查看实时预览。相应的CSS代码会立即生成,可直接复制到你的样式表中。
background: linear-gradient(90deg, #ff9a00, #60acfc);工作原理
使用颜色选择器选取两种颜色,选择"线性"或"径向",线性渐变时可拖动角度滑块。下方的预览和CSS代码会随着任何更改立即更新。
小提示
90度角从左到右,180度从上到下,0度从下到上 — 尝试拖动滑块,观察渐变方向的变化。
线性和径向有什么区别?
线性渐变沿设定角度的直线过渡。径向渐变则从中心向外呈圆形扩散,与角度无关。