css渐变背景色

作者：纵马天下发布日期:2026-02-14 浏览:66

/* 线性渐变背景色 */
body {
  background: linear-gradient(to right, rgba(255, 0, 0, 1), rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0));
}

/* 解释说明：
- `linear-gradient` 函数用于创建一个线性渐变的背景色。
- `to right` 表示渐变的方向是从左到右。
- `rgba(255, 0, 0, 1)` 是红色，不透明度为 1（完全不透明）。
- `rgba(255, 0, 0, 0.5)` 是半透明的红色。
- `rgba(255, 0, 0, 0)` 是完全透明的红色。
*/

上一篇：css 动画

下一篇：css样式