javascript - 是否有现成的库来实现无尽的移动元素效果？

Question

<分区>

Answer 1

您可以将 CSS3 过渡与 无限 持续时间属性一起使用。

如果您不需要复杂的东西，CSS3 过渡就足够了。

该网站这样做:

.hover .post .post-top a.img:after {
    display: block;
}

.post.post-main .post-top a.img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
    opacity: 0;
    background: url(../images/x1/pattern-1.png);
    animation: pattern 7.2s linear 0s infinite;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    -webkit-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
}