css - CSS。 5种颜色的鲜明渐变

我对此有些挣扎。我正在尝试创建一个包含5种不同颜色和尖锐边缘的渐变。没有融合。到目前为止，我已经管理好2。Bur怎么做5？任何人可以对此提供帮助吗？

谢谢！

CSS：

background-image: linear-gradient(
    -45deg,
    rgba(white, 0.4)  25%,
    transparent       25%,
    transparent       50%,
    rgba(white, 0.4)  50%,
    rgba(white, 0.4)  75%,
    transparent       75%,
    transparent
);

最佳答案

这是你想要的吗？

background: -webkit-linear-gradient(top,white 0%, white 20%, red 20%, red 40%, orange 40%, orange 60%, blue 60%, blue 80%, black 80%, black 100%);

更新资料

要更改方向，只需指定起始边缘：


左上方
最佳
右上
对
右下
底部
左下方
剩下


或以度为单位传递角度：
例如：45度，68度，...

关于css - CSS。 5种颜色的鲜明渐变，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31301783/