html - 如何均匀打破CSS3渐变？

有人可以帮我使这个梯度均匀地打破吗

body {
    height: 2500px;
    background: -webkit-linear-gradient(#000000 1%,#FFFFFF 1%,#FFFFFF 13%,#2ecc71 13%,#2ecc71 30%,#3498db 30%,#000000,#FFFFFF,#34495e);
}

我已经尝试了几个小时，但仍然做不到。似乎总是重叠！我是否正确使用％？？？我可以将它们全都融合在一起，但是要打破它们甚至是一场噩梦！在上面提供了我的代码的情况下，如果您编译我的代码ty，我将尝试破坏其余部分，就像我有其他颜色一样。

最佳答案

该代码看起来不正确。
您应该尝试使用诸如http://www.css3factory.com/linear-gradients/之类的就绪生成器

也许您想要的是（并且不，您没有正确使用％）
在此处查看语法（http://www.w3schools.com/css/tryit.asp?filename=trycss3_gradient-linear_repeating）

body
{
    height: 2500px;
    background: -webkit-repeating-linear-gradient(#000000 ,#FFFFFF 1%,#FFFFFF 13%,#2ecc71 26%,#2ecc71 30%,#3498db 35%,#000000 45%,#FFFFFF 45%,#34495e 50%);
}

如果您不想重复。

body
{
    height: 2500px;
    background: -webkit-linear-gradient(#000000 ,#FFFFFF 1%,#FFFFFF 13%,#2ecc71 26%,#2ecc71 30%,#3498db 35%,#000000 45%,#FFFFFF 45%,#34495e 50%);
}

对于平均分手，请平均分割您的百分比。请注意，该百分比表示第一个颜色为0，然后为12％，因此在0到125的高度之间，颜色将从黑色变为白色，然后从12％变为24％，颜色保持白色，然后从白色渐变为＃ 2ecc71从高度的24％增加到36％...

body
{
    height: 2500px;
    background: -webkit-linear-gradient(#000000 ,#FFFFFF 12%,#FFFFFF 24%,#2ecc71 36%,#2ecc71 48%,#3498db 60%,#000000 72%,#FFFFFF 84%,#34495e 96%);
}

PS：WRT到％，应注意，所有％必须是唯一的并且在增加