为什么在应用 0deg 时渐变会颠倒？ [复制]

Question

我正在学习 CSS 渐变，我观察到了一些东西，但我无法理解它。 对于一个类 ~ 'box'，我应用了以下 CSS

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

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

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

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

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

Answer 1

根据this post，默认角度是“到底部”，即从上到下。这等于 180 度。 0度is equal to "to top"。

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