css背景色渐变

作者：昂首向前走，发布日期:2025-07-31 浏览:44

/* CSS背景色渐变示例代码 */

/* 线性渐变 */
.background-linear {
  background: linear-gradient(to right, red, yellow);
  /* 这里定义了一个从左到右的线性渐变，颜色从红色逐渐过渡到黄色 */
}

/* 径向渐变 */
.background-radial {
  background: radial-gradient(circle, red, yellow);
  /* 这里定义了一个径向渐变，颜色从中心的红色逐渐过渡到外围的黄色 */
}

/* 角度渐变 */
.background-angle {
  background: linear-gradient(135deg, red, yellow);
  /* 这里定义了一个角度为135度的线性渐变，颜色从红色逐渐过渡到黄色 */
}

上一篇：css scale

下一篇：css布局