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

这里是fiddle！

CSS:

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

CSS3 Liner Gradient solid color size