为什么在应用 0deg 时渐变会颠倒？

Question

我正在学习 CSS 梯度，我观察到一些东西，但我无法理解。 对于 class ~ 'box'，我应用了以下 CSS

.box{
  width: 50vw;
  height: 70vh;
  background-image:
    linear-gradient(red, blue);
}

<div class="box"></div>

我得到了预期的结果，但是，我随后添加了一个 - 0deg 属性（如下面的代码所示）渐变只是垂直翻转。为什么会这样？我写的0deg

不应该没有变化吗

.box{
  width: 50vw;
  height: 70vh;
  background-image:
    linear-gradient(0deg, red, blue);
}

<div class="box"></div>

Answer 1

根据this post, the default angle is "to bottom", i.e. from top to bottom. This is equal to 180 degrees. 0 degrees is equal to "to top"。

所以这只是默认为 180 度的情况。

Why does gradient turns upside down when 0deg is applied?