Mam obraz, który robi animację.

$('.user-card').css('-webkit-transform', 'translate(-55px, 0)');

Powyższy kod przenosi obraz od prawej do lewej 55px. Chcę przenieść się do prawej lub pierwszej pozycji po zakończeniu ruchu w lewo.

Chcę również, aby to pętli tę akcję na zawsze.

0
kongkea 30 listopad 2013, 07:16

2 odpowiedzi

Najlepsza odpowiedź

Możesz zdefiniować klasę z prostym animacją CSS3, a wartość Infinite animation-iteration-count; Następnie możesz użyć addClass(), aby utworzyć tę animację na ładowaniu strony lub jako odpowiedź na zdarzenie.

Przykład

2
user3142418 30 listopad 2013, 03:29
var doForever = $(document).ready(function(){
    $('.user-card').css('-webkit-transform', 'translate(-55px, 0)');
    $('.user-card').css('-webkit-transform', 'translate(+55px, 0)');
doForever();
});

doForever();
0
CRABOLO 30 listopad 2013, 03:21