css渐变语法
CSS渐变（gradients）是一种在背景中创建平滑颜过渡的效果。有两种类型的渐变：线性渐变（Linear Gradients）和径向渐变（Radial Gradients）。
1. 线性渐变（Linear Gradients）：
线性渐变在两个或多个颜之间创建平滑的过渡。
语法：
```css
linear-gradient(angle or direction, color-stop1, color-stop2, ...);
```
示例：
```css
body {
  background: linear-gradient(to right, red, orange);
css怎么创建
}
```
在这个示例中，背景从左边的红过渡到右边的橙。`to right` 指定了渐变的方向。
2. 径向渐变（Radial Gradients）：
径向渐变从一个点向外创建颜过渡。
语法：
```css
radial-gradient(shape size at position, color-stop1, color-stop2, ...);
```
示例：
```css
body {
  background: radial-gradient(circle, red, yellow);
}
```
在这个示例中，背景从中心的红过渡到圆周的黄。`circle` 指定了形状和大小。
CSS还支持更复杂的渐变语法，例如多渐变、重复渐变等。你可以查阅更多关于CSS渐变的资料，以了解更多高级用法和选项。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。