跳至主要内容

function-linear-gradient-no-nonstandard-direction

禁止线性渐变函数使用非标准方向值。

.foo { background: linear-gradient(to top, #fff, #000); }
/** ↑
* This (optional) first argument is the "direction" */

有效且标准的方向值如下

  • 角度
  • to 加上一个边或角(to topto bottomto leftto rightto top rightto right topto bottom left 等)

一个常见的错误(与过时的非标准语法匹配)是仅使用一个边或角,而没有前面的 to

选项

true

以下模式被视为问题

.foo { background: linear-gradient(top, #fff, #000); }
.foo { background: linear-gradient(bottom, #fff, #000); }
.foo { background: linear-gradient(left, #fff, #000); }
.foo { background: linear-gradient(45, #fff, #000); }
.foo { background: linear-gradient(to top top, #fff, #000); }

以下模式不被视为问题

.foo { background: linear-gradient(to top, #fff, #000); }
.foo { background: linear-gradient(to bottom right, #fff, #000); }
.foo { background: linear-gradient(45deg, #fff, #000); }
.foo { background: linear-gradient(1.57rad, #fff, #000); }
/* Direction defaults to "to bottom" */
.foo { background: linear-gradient(#fff, #000); }