Петля анимация изображения

Question

Петля анимация изображения

0

У меня есть изображение, которое делает анимацию.

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

Приведенный выше код перемещает изображение справа налево 55 пикселей. Я хочу, чтобы он двигался вправо или в первую позицию после того, как он закончил движение влево.

Кроме того, я хочу, чтобы он выполнял это действие навсегда.

kongkea 30 нояб. 2013, в 04:43

Источник

Теги:

javascript

jquery

css

css3

2 ответа

0

var doForever = $(document).ready(function(){
    $('.user-card').css('-webkit-transform', 'translate(-55px, 0)');
    $('.user-card').css('-webkit-transform', 'translate(+55px, 0)');
doForever();
});

doForever();

CRABOLO 30 нояб. 2013, в 00:30

0

Спасибо! но после того, как я обработал ваш код, изображение перемещается вправо, и оно не зацикливается. Это как выполнить последнюю анимацию. $('.user-card').css('-webkit-transform', 'translate(+55px, 0)');
kongkea 30 нояб. 2013, в 03:25

Ещё вопросы

Спасибо! но после того, как я обработал ваш код, изображение перемещается вправо, и оно не зацикливается. Это как выполнить последнюю анимацию. $('.user-card').css('-webkit-transform', 'translate(+55px, 0)');

user3142418 · Accepted Answer · 2013-11-30T01-37-00.000Z

Вы можете определить класс с простой анимацией CSS3 и значение бесконечности animation-iteration-count; вы можете использовать addClass() для создания этой анимации при загрузке страницы или в качестве ответа на событие.

пример