css gradient

CSS Gradient 是一种在 CSS 中定义渐变背景的方法。它可以创建从一种颜色到另一种颜色的平滑过渡，也可以创建多个颜色之间的复杂渐变。

使用 CSS Gradient 需要定义以下两个属性：

1. `background-image:` 定义背景图片，这里使用 CSS Gradient 来定义背景。

2. `background-image:` 定义渐变类型和方向，可以使用以下两种方式来定义：

- 线性渐变（Linear Gradient）：定义渐变方向和颜色，示例代码如下：

     background-image: linear-gradient(to right, red, orange, yellow);

这个例子中，渐变方向是从左到右，颜色从红到橙再到黄。

- 径向渐变（Radial Gradient）：定义渐变中心和半径，示例代码如下：

     background-image: radial-gradient(circle at center, red, orange, yellow);

这个例子中，渐变中心是居中，半径是圆形，颜色从红到橙再到黄。

CSS Gradient 还支持更复杂的渐变效果，例如重复渐变、角度渐变等，可以根据具体需求进行设置。