css渐变

CSS渐变是使用CSS创建的一种视觉效果，可以创建从一种颜色平滑过渡到另一种颜色的效果。CSS渐变可以是线性的也可以是径向的。

线性渐变：




.linear-gradient {
  background: linear-gradient(direction, color-stop1, color-stop2, ...);
}

径向渐变：




.radial-gradient {
  background: radial-gradient(shape size at position, start-color, ..., last-color);
}

例子：

线性渐变从蓝色到红色：




.linear-gradient {
  background: linear-gradient(to right, blue, red);
}

径向渐变从中心到边缘的绿色到红色：




.radial-gradient {
  background: radial-gradient(circle at center, green, red);
}

这些CSS渐变可以应用于任何HTML元素，并提供视觉上的吸引力和灵活性。