【css】渐变效果

作者：System 时间：2024年08月17日分类：所有,css 字数：343

CSS中实现渐变效果可以使用linear-gradient()或radial-gradient()函数。

以下是一个使用线性渐变的例子：




.linear-gradient-example {
  background: linear-gradient(to right, #ff7e5f, #feb47b);
}

以下是一个使用径向渐变的例子：




.radial-gradient-example {
  background: radial-gradient(circle, #ff9a9e, #fad0c4);
}

你可以调整渐变函数中的方向、形状、颜色来实现不同的渐变效果。