Gibt es eine fertige Bibliothek zum Implementieren von endlosen beweglichen Elementen?

Question

Gibt es eine fertige Bibliothek für die Implementierung von endlosen beweglichen Elementen Effekt (wie wenn Sie Maus auf das obere Bild hier setzen http://deadsign.ru)? Wenn es keine gibt, was ist der beste Weg, etwas umzusetzen?

Answer 1

Sie können den CSS3-Übergang mit der unendlichen Dauereigenschaft verwenden.

Wenn Sie keine komplexen Sachen brauchen, wäre CSS3-Übergang genug.

Das Websites tut so:

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