渐变具有过时的方向语法。新语法类似于“closest-side at 0 0”，而不是“0 0，closest-side”

Question

我不知道需要更改什么才能消除此错误：

Gradient 具有过时的方向语法。新语法就像

closest-side at 0 0

而不是

0 0, closest-side

。

以下是代码库中渐变类型的一些示例：

background: linear-gradient(#f7f7f7, #eee)
background-image: linear-gradient(
 135deg, 
 #8C8862 2.94%, 
 $green-2 2.94%, 
 $green-2 11.76%, 
 #8C8862 11.76%, 
 #8C8862 14.71%, 
 $red-3 14.71%, 
 $red-3 50%, 
 #8C8862 50%, 
 #8C8862 52.94%, 
 $green-2 52.94%, 
 $green-2 61.76%, 
 #8C8862 61.76%, 
 #8C8862 64.71%, 
 $red-3 64.71%, 
 $red-3 100%)
background: linear-gradient( to top, $white 0%, $grey-3 100% )

有人知道为什么其中任何一个都会抛出该错误吗？

Answer 1

尝试使用

background-image: radial-gradient(25% 25% at 0 0, circle, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 0%, 0.3))

Answer 2

背景图像：线性渐变（向右、红色、蓝色）；

线性渐变：指定您正在创建线性渐变。

向右：定义渐变方向，从左到右。

红色和蓝色：是渐变的颜色，渐变以红色开始，以蓝色结束。

在你的情况下，这是这条线 - >背景：线性渐变（#f7f7f7，#eee）它确实需要一个方向。

如果您收到有关过时语法的警告，则可能是误报或来自代码中的其他位置。上面的代码使用正确且更新的语法在 CSS 中定义截至 2024 年的线性渐变。