Question

是否有用于实现无限移动元素效果的现成库（例如，当您将鼠标放在顶部图像上时http://deadsign.ru）？如果没有任何一个，实现一件事的最佳方法是什么？

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);
}

是否有用于实现无限移动元素效果的现成库？

1 个答案: