Бегущая строка с изображениями на CSS и HTML

Сегодня вы узнаете как сделать на HTML и CSS функционал устаревшего тега "marquee" в трех вариантах.

[jtsulei]

сколько пересмотрела видео, статей прочитала, плагины пыталась подключить и только по этому видосу получилось сделать не прерывную строку без всяких багов и косяков. От души спасибо за такой контент!

[POEOneLove]

не адаптивно, строка переносится вниз если длиннее контейнера. Пропадает смысл бегущей строки если текст становится в 2 или 3 строки. Width 100% диву внутри контейнера - ошибка. Див не должен быть на 100%, он должен быть длиннее чем контейнер, указывать длину ему нельзя, иначе если текст больше, анимация валится. + не используется white-space:nowrap;

[kromvelua]

Было бы еще хорошо если бы ты в видео размер шрифта ( кода ) увеличивал, так будет и лучше видно и приятнее смотреть)

[webhero]

чат джипи с сотой попытки этот же вариант предложил с дублированием текста, а я уже нашел как раз это видео)

[viktorbenda]

Добрый день. А как избавится от эффекта "передергивания". Я сделал все как у вас. Все ок, все получилось, но нет полной цикличности. У меня картинки передергиваются как у вас во втором варианте.

[natali]

У вас ссылка на исходники нерабочая. Можно где то еще посмотреть?

[fogwer]

А как высоту задать, если текста много?

[sansan]

а можно этот код перенести в тильду?? что бы с изображениями было?

[asgard]

Добрый день. Подскажите пожалуйста как сделать второй вариант только с тремя предложениями и они разные по длине. Никак не могу. Текст на замыкается, появляется разрыв в конце и анимация дергается как бы и начинается сначала. Пожалуйста подскажите.