CSS3 Liner Gradient纯色尺寸

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

此处fiddle！

CSS：

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