手寫筆筆尖漸變

Question

我希望這裏有人會知道這個問題的答案，因爲它現在讓我有點心理上的問題。

問題是我的漸變只能水平工作，而不能垂直工作。當我試圖在頁面上從上到下時，它會重複條紋。請參閱Screenshot 我已在此上使用Chromium，Chrome和Firefox，並且它們都顯示相同的內容。

我正在使用NPM，Gulp和手寫筆，它們都可以正常工作。我嘗試過使用Kouto-Swiss，但遇到了這個漸變問題，所以我嘗試了Nib，而且遇到了相同的問題。我想我可能會錯過一些明顯的東西，但我看不到它。這個小小的項目實際上是讓我玩弄Flexbox的，但是這個漸變問題需要修復。

下面的代碼： All Files In This Bin

藉口草率，它是一個試驗場：d

Answer 1

添加height:100% HTML和在你的CSS體的規則。

html, body { 
    height:100%; 
}