css 渐变

作者：风外听竹发布日期:2025-10-04 浏览:56

/* 线性渐变示例 */
.linear-gradient {
  background: linear-gradient(to right, red, yellow);
}

/* 径向渐变示例 */
.radial-gradient {
  background: radial-gradient(circle, red, yellow);
}

/* 角度渐变示例 */
.angle-gradient {
  background: linear-gradient(45deg, red, yellow, green);
}

解释说明：

线性渐变 (linear-gradient):
- to right 表示渐变方向是从左到右。
- red 和 yellow 是渐变的起始和结束颜色。
径向渐变 (radial-gradient):
- circle 表示渐变的形状是圆形。
- red 和 yellow 是渐变的起始和结束颜色。
角度渐变 (linear-gradient with angle):
- 45deg 表示渐变的角度为45度。
- red, yellow, 和 green 是渐变的颜色序列。

上一篇：css overflow

下一篇：css 隐藏滚动条