linear-gradient()
时间: 2024-01-12 07:23:02 浏览: 111
CSS 实现渐变效果小结( linear-gradient线性渐变 和 radial-gradient径向渐变)
5星 · 资源好评率100%
linear-gradient() 是 CSS 中用于创建线性渐变背景的函数。它可以在两个或多个颜色之间创建平滑的过渡效果。下面是一个使用 linear-gradient() 函数创建线性渐变背景的例子:
```css
div {
background: linear-gradient(to right, red, yellow);
}
```
上述代码将创建一个从左到右的线性渐变背景,从红色过渡到黄色。
linear-gradient() 函数还可以接受多个参数来定义渐变的方向、颜色和位置。下面是一个更复杂的例子:
```css
div {
background: linear-gradient(45deg, red 0%, yellow 50%, green 100%);
}
```
上述代码将创建一个从左上角到右下角的线性渐变背景,从红色开始,到黄色的一半位置,最后到绿色。
阅读全文