CSS3线性渐变纯色大小[重复]

【问题标题】：CSS3 Liner Gradient solid color size [duplicate]CSS3线性渐变纯色大小[重复]
【发布时间】：2015-12-02 08:00:19
【问题描述】：

例如，我想创建具有不同颜色和固定宽度的线性渐变：

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

在这段代码中如何固定红色、绿色和蓝色的宽度？

我希望所有颜色都具有不同的宽度。 Jsfiddle Demo

【问题讨论】：

【解决方案1】：

这里是fiddle！

CSS：

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

【讨论】：