1

我一直在尝试使用 webkit 为一些评论制作循环滚动动画，但是每当我应用动画时，效果似乎会“堆叠”起来，并且评论类的每个元素都会比之前的动画稍微快一点。这是我的代码：

CSS

.comment {
content:'';
-webkit-animation: movecomments 18s linear infinite;
-moz-animation: movecomments 18s linear infinite;
-o-animation: movecomments 18s linear infinite;
}
@-webkit-keyframes movecomments {
    0% {margin-top: 500px;}
    100% {margin-top: 0px;}
}
@-moz-keyframes movecomments {
    0% {margin-top: 500px;}
    100% {margin-top: 0px;}
}
@-o-keyframes movecomments {
    0% {margin-top: 500px;}
    100% {margin-top: 0px;}

HTML（大致是这样的，实际的注释与 PHP 相呼应）

<div class="comment">1</div>
<div class="comment">2</div>
<div class="comment">3</div>
<div class="comment">4</div>

您可以在我的网站上查看它的示例，在评论部分的页面底部。

4

0 回答 0