带有css3渐变条纹的奇怪bug

我试图用纯css3制作135度经典糖果条纹。 经过一些阅读和尝试，我终于接近成功，但有一个恼人的问题一直困扰着我

以下是我的例子：和 正如你现在可能看到的，在图案的左侧有一些奇怪的东西。 所以问题是-这是什么？我怎样才能让它消失？

---

P.S.chrome用户可能会发现条纹非常凌乱——如果有人能找到修复方法，那就多谢了。

你可以通过一个

重复线性渐变来实现这一点

repeating-linear-gradient(135deg, #ff6d81, #ff6d81 8px, #fff 9px, #fff 16px, #00B2CB 17px, #00B2CB 24px, #fff 25px, #fff 32px);


第一个属性是渐变的角度，然后可以根据需要添加任意多的渐变，通常是成对的“开始”和“停止”点

更多信息

MDN是一个非常好的javascript和CSS资源，如果你没有将它添加到书签中的话。
哇，太棒了！谢谢你，好先生。事实上，我检查了MDN好几次，但正如我们所看到的，我自己可以正确地得到它。好的，现在我只需要处理chrome bug，yey！