CSS3线性梯度固体颜色尺寸

Question

我想要创建不同颜色的线性渐变，每个颜色的宽度都是固定的，例如：

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

在这段代码中，如何确定红、绿、蓝的宽度？

我要完全像这样，所有颜色的宽度都不一样。杰斯德尔·德莫

Answer 1

这是小提琴！

CSS：

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