Почему анимация дёргается и встаёт в исходное положение вместо того, чтобы продолжаться?

Question

[Шухратджон Джумаев]

У меня есть бегущая строка с логотипами, но к моменту завершения первого цикла и начала второго, анимация дёргается и встаёт в исходное положение а должно продолжать бегать. Не понимаю, как решить эту проблему.

Бегущая строка должна быть сделана без использования js и должна быть резиновой.
Javascript крайний вариант.

Вот ссылка на мою бегущую строку.

Answer 1

[Сергей delphinpro]

Почему, почему...

Потому что вот: jsfiddle.net/tfsc3qkp/9

Как вы собрались сделать "инфинити-луп" без js и клонирования элементов?

Единственный вариант - анимация бекграунда. Все логотипы в одну картинку, ее на фон repeat-x и анимирование backgroun-position.

upd
Ну ладно :) поспешил я с невозможностью :)

Вот вариантик инфинити луп без js jsfiddle.net/tfsc3qkp/10

Comments

[Шухратджон Джумаев]

спасибо все работает, только исправил события наведения курсора. Можно ли еще решать проблему плавного скольжения? а то скользит как-то дергаясь по немножку

[Сергей delphinpro]

Шухратджон Джумаев: вряд ли