Возможно ли реализовать непрерывающуюся карусель с блоками на CSS?

Question

[Дима]

Хочу сделать анимацию в виде карусели с блоками, которые бесконечно повторяются без прерываний. Сейчас она проходит один круг и обрываясь идет на новый, что не очень красиво. Хочу чтобы после последнего элемента 9 шёл сразу элемент 1. Такое возможно сделать?
То есть сейчас вот так


А хочется вот так


Вот ссылка на фидл: https://jsfiddle.net/6t0cjfnw/

На css-tricks есть подобный пример но он с картинкой, беру его заменяю на блоки, но анимация все равно с перерывом идет.

Answer 1

[strelok011]

чтобы сделать инфинит скролл необходимо получить дубль содержания по ширине страницы или больше в начале и в конце.
Тогда всё сработает, разницы нет, картинка это или верстка. На приведенном примере специально пример показан и объясняется принцип. Странно что здесь это надо уточнять.
Без js не получится динамически выпиливать блоки в начале и добавлять их в хвост.
Без верстки, которая тянет блоки в каком-то процентном соотношении от ширины экрана - та же беда, рано или поздно найдется ширина, когда заложенного дубля не будет хватать (не говоря о контенте вообще)