Этот проект, над которым я работаю, потребовал от меня создания движущейся анимации, которая использует ничего, кроме css и стилизованных div.CSS бесконечная анимация
Идеальный рабочий пример чего-то почти идентичного можно найти здесь (обратите внимание на синем фоне белые движущиеся квадраты):
http://www.braintreepayments.com
Однако, в отличие от демо выше, моя конструкция состоит из примерно 10 раз больше форм div в анимации, и когда время анимации истекает, контейнер становится пустым, что делает его похожим на плохо спроектированный.
Вопрос в том, как анимация в приведенном выше примере создает «непрерывный/бесконечный эффект» на их веб-сайте, с такими маленькими стилями? Я пытался сформулировать что-то, чтобы воспроизвести этот эффект без успеха.
Примечание: Я открываю для использования решение JQuery/Javascript.
В коде: '.animated-marquee-container { animation-iteration-count: infin;' – epascarello
Используя ['anitmation-итерация-count'] (http://www.w3.org/TR/css3-animations/# animation-iteration-count-property) и используя значение 'бесконечное', вам будет сложно найти соответствующий селектор, поскольку их CSS будет уменьшен, но это правило существует в их таблице стилей. – Adrift
Можете ли вы собрать [jsFiddle] (http://jsfiddle.net)? – Adrift