渐变色css

作者：翻成云恨雨愁发布日期:2025-08-04 浏览:37

/* 渐变色 CSS 示例 */

/* 线性渐变 */
.linear-gradient {
  background: linear-gradient(to right, red, yellow);
  /* 解释：从左到右的线性渐变，颜色从红色过渡到黄色 */
}

/* 径向渐变 */
.radial-gradient {
  background: radial-gradient(circle, blue, green);
  /* 解释：径向渐变，从中心向外扩散，颜色从蓝色过渡到绿色 */
}

/* 多颜色渐变 */
.multi-color-gradient {
  background: linear-gradient(to bottom, red, orange, yellow, green, blue, indigo, violet);
  /* 解释：从上到下的多颜色线性渐变，颜色依次为红、橙、黄、绿、蓝、靛、紫 */
}

上一篇：css 设置滚动条样式

下一篇：css 定义变量