При прокрутке вверх или вниз на веб-странице фоновое изображение заканчивается, и за изображением появляется белый цвет. Фон заполняет всю веб-страницу, это не проблема.
Как сделать так, чтобы фоновое изображение продолжалось после области просмотра?
У меня есть цветовой градиент, который анимируется с помощью 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%}
}
Спасибо!