视口外的背景色?

时间:2019-03-14 14:44:02

标签: html css animation background

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

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

我有一个用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%}
}

谢谢!

0 个答案:

没有答案