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

Question

我无法弄清楚需要更改什么才能消除此错误：

Gradient has outdated direction syntax. New syntax is like `closest-side at 0 0` instead of `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))