Чистая CSS непрерывная горизонтальная текстовая прокрутка без разрываCSS

Разбираемся в CSS
Anonymous
Чистая CSS непрерывная горизонтальная текстовая прокрутка без разрыва

Сообщение Anonymous »

Я пытаюсь создать новостной тикер с горизонтальным текстом, который непрерывно прокручивается без перерыва между циклами. В идеале решением будет чистый CSS/HTML, но я не знаю, возможно ли это. Вот моя элементарная попытка: http://jsfiddle.net/lgants/ncgsrnza/. Обратите внимание, что скрипание содержит нежелательный разрыв между каждой петлей.
This is text - This is text - This is text - This is text - This is text - This is text - This is text - This is text - This is text - This is text - This is text - This is text

.marquee {
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
}

.marquee span {
display: inline-block;
padding-left: 100%;
animation: marquee 5s linear infinite;
}


Подробнее здесь: https://stackoverflow.com/questions/458 ... hout-break

Вернуться в «CSS»