流畅的背景动画

Question

有没有办法让这个更顺畅？或者，如果有人知道如何更好地做到这一点，我全都耳朵。 这就是我所拥有的

dataGridView1.DataSource = dt;

Answer 1

您可能会在元素上设置背景图像，然后使用transform: translate移动整个元素，从而获得更好的结果：

@keyframes doScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-400);
  }
}

查看旧版但仍然相关的article。

Answer 2

我明白了！我只需要使用间隔速度。我把它放慢到85s左右，它更顺畅。我拖延了很长时间。

Answer 3

你可以这样做：

html {

    background: url(http://static.adzerk.net/Advertisers/c878296c4c7f43b8bbb285acb73c0e6c.png)repeat-y;
    background-size: 150%;
	background-position: 0px 0px;
	animation: animatedBackground 15s linear infinite;
	-moz-animation: animatedBackground 15s linear infinite;
	-webkit-animation: animatedBackground 15s linear infinite;
	-ms-animation: animatedBackground 15s linear infinite;
	-o-animation: animatedBackground 15s linear infinite;
}
@keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -400px 0; }
}
@-moz-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -400px 0; }
}
@-webkit-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -400px 0; }
}
@-ms-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -400px 0; }
}
@-o-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -400px 0; }
}