是否可以使用css3重复渐变创建此模式？

Question

您好我有这个图片我想从它使一个背景渐变，而不是它puting到CSS：

是否有可能还是我推CSS3渐变的限制。
而我不是在寻找一个解决方案，多个div或任何类型的黑客，只是梯度或重复渐变为一个CSS类，我可以分配给一个元素，并有所需的模式分配给它。

更新：

如果您检查上面的图片你会看到蓝色的条纹不具有相同的宽度，所以基于以下@vals的答案，2个梯度不够的，有这种模式，我们需要7，但我没有实现这种模式与规则的线性梯度或重复的，所以我在这里缺少的是如何绘制每个带有已知宽度和高度的div来使该模式具有相同数量的条纹和条宽。

Answer 1

您可以在同一背景中设置2个不同的渐变。然后，所有你需要的是标注，并将其定位为需要

div { 
    width: 400px; 
    height: 400px; 
    background-image: repeating-linear-gradient(45deg, blue 0px, blue 20px, lightblue 20px, lightblue 40px), repeating-linear-gradient(135deg, blue 0px, blue 20px, lightblue 20px, lightblue 40px); 
    background-size: 100% 50%; 
    background-position: top left, bottom left; 
    background-repeat: no-repeat; 
} 

demo