手写笔笔尖渐变
Stylus Nib Gradients
我希望这里有人知道这个问题的答案，因为它现在让我有点精神错乱。
问题是我的渐变只能在水平方向上使用，而不能在垂直方向上使用。当我试图让它在页面上从上到下移动时，它以条纹重复。参见 Screenshot
我在这上面使用了 Chromium、Chrome 和 Firefox，它们都显示相同的东西。
我正在使用 NPM、Gulp 和 Stylus，它们都可以正常工作。我尝试使用 Kouto-Swiss，但 运行 遇到了这个渐变问题，所以我尝试使用 Nib，但遇到了同样的问题。我想我可能遗漏了一些明显的东西，但我看不到。这个小项目实际上是给我玩 Flexbox 的，但是这个渐变问题需要解决。
代码如下：
All Files In This Bin
请原谅我的草率，这是一个试验场 :D
将 height:100% 添加到 html 并在您的 CSS 中添加正文规则。
html, body {
height:100%;
}
我希望这里有人知道这个问题的答案，因为它现在让我有点精神错乱。
问题是我的渐变只能在水平方向上使用，而不能在垂直方向上使用。当我试图让它在页面上从上到下移动时，它以条纹重复。参见 Screenshot 我在这上面使用了 Chromium、Chrome 和 Firefox，它们都显示相同的东西。
我正在使用 NPM、Gulp 和 Stylus，它们都可以正常工作。我尝试使用 Kouto-Swiss，但 运行 遇到了这个渐变问题，所以我尝试使用 Nib，但遇到了同样的问题。我想我可能遗漏了一些明显的东西，但我看不到。这个小项目实际上是给我玩 Flexbox 的，但是这个渐变问题需要解决。
代码如下： All Files In This Bin
请原谅我的草率，这是一个试验场 :D
将 height:100% 添加到 html 并在您的 CSS 中添加正文规则。
html, body {
height:100%;
}