视口外的背景色？

Question

滚动到网页的顶部或底部时，背景图像结束，并且图像后方有白色。背景填充整个网页，这不是问题。

如何使背景图像继续通过视口？

我有一个用css进行动画处理的颜色渐变：

body {
  background: linear-gradient(270deg, #d20000, #004261) no-repeat center center fixed;
  background-size: 250% 250%;
  -webkit-animation: bgcolor 10s ease infinite;
  -moz-animation: bgcolor 10s ease infinite;
  animation: bgcolor 10s ease infinite;
}
@-webkit-keyframes bgcolor {
    0%{background-position:14% 0%}
    50%{background-position:87% 100%}
    100%{background-position:14% 0%}
}
@-moz-keyframes bgcolor {
    0%{background-position:14% 0%}
    50%{background-position:87% 100%}
    100%{background-position:14% 0%}
}
@keyframes bgcolor {
    0%{background-position:14% 0%}
    50%{background-position:87% 100%}
    100%{background-position:14% 0%}
}

谢谢！