css渐变如何指定距离

在CSS中，渐变（Gradients）可以通过多种方式指定距离，具体取决于渐变的类型。以下是几种常见的渐变类型以及如何指定距离：

线性渐变（Linear Gradient）

线性渐变可以通过`linear-gradient()`函数创建，并使用`to`关键字指定方向。距离通常通过`top`、`bottom`、`left`、`right`、`center`等关键字或百分比值来指定。

```css

.linear-gradient {

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

/ 或者使用百分比值 /

background-image: linear-gradient(to right, red, blue 50%);