CSS3线性梯度纯色大小

Question

我想创建与具有不同颜色线性梯度为每个固定宽度例如：

.repeat { 
width: 100%; 
height: 201px; 
background: linear-gradient(138deg, red 33%, red 12%, green 33%, green 67%, blue 33%, blue 10%);} 

在此代码如何修正的红色，绿色和蓝色宽度？

我想完全像这样，所有颜色的宽度都不一样。 Jsfiddle Demo

Answer 1

Here's fiddle！

CSS：

background: linear-gradient(135deg, #ff0000 33%,#00ff00 33%,#00ff00 67%,#00ff00 67%,#0000ff 67%);