css - 渐变 Angular 冲突

Question

大家好，我正在使用一个简单的 CSS 渐变:

background: linear-gradient(225deg, red 0%, white 10%, #aaaaaa 50%, #cccccc 56%, white 80%);

现在看下图:

看到 225 度 Angular 从左下角开始，但是在 CSS example 中它是渐变开始的右上角。为什么 ？？

我引用了关于渐变的 MDN 文档，事实上 W3c's examples本身就很擅长解释梯度，但还是想不通这个。

谢谢。

亚历山大。

Answer 1

Angles in CSS右边没有零 Angular ，但在顶部。正 Angular 是顺时针的，不是逆时针的。

linear gradient 中的设置不指定渐变的开始位置，而是指定渐变的目的地。因此，225 度 Angular 的终点在左下角，因此它从右上角开始。