сколько пересмотрела видео, статей прочитала, плагины пыталась подключить и только по этому видосу получилось сделать не прерывную строку без всяких багов и косяков. От души спасибо за такой контент!
не адаптивно, строка переносится вниз если длиннее контейнера. Пропадает смысл бегущей строки если текст становится в 2 или 3 строки. Width 100% диву внутри контейнера - ошибка. Див не должен быть на 100%, он должен быть длиннее чем контейнер, указывать длину ему нельзя, иначе если текст больше, анимация валится. + не используется white-space:nowrap;
Добрый день. А как избавится от эффекта "передергивания". Я сделал все как у вас. Все ок, все получилось, но нет полной цикличности. У меня картинки передергиваются как у вас во втором варианте.
Добрый день. Подскажите пожалуйста как сделать второй вариант только с тремя предложениями и они разные по длине. Никак не могу. Текст на замыкается, появляется разрыв в конце и анимация дергается как бы и начинается сначала. Пожалуйста подскажите.
Этот вариант тебе не подойдет. В данном случае условия таковы: два отрезка идентичных друг другу... И никак иначе. Поищи бесконечный слайдер, есть готовые решения.
В ложим что угодно и дублируем. можно три предложения... и для него пишем анимацию - animation: name 10s infinite linear; @keyframes name { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } если будут скачки, проверяй расстояние между элементами в и между самими div class="slide">.
сколько пересмотрела видео, статей прочитала, плагины пыталась подключить и только по этому видосу получилось сделать не прерывную строку без всяких багов и косяков. От души спасибо за такой контент!
спасибо, с картинками получилось сделать на Геткурс) все супер! благодарю👍
чат джипи с сотой попытки этот же вариант предложил с дублированием текста, а я уже нашел как раз это видео)
спосибо очень выручил)))
Было бы еще хорошо если бы ты в видео размер шрифта ( кода ) увеличивал, так будет и лучше видно и приятнее смотреть)
не адаптивно, строка переносится вниз если длиннее контейнера. Пропадает смысл бегущей строки если текст становится в 2 или 3 строки. Width 100% диву внутри контейнера - ошибка. Див не должен быть на 100%, он должен быть длиннее чем контейнер, указывать длину ему нельзя, иначе если текст больше, анимация валится. + не используется white-space:nowrap;
мужик, спасибо
У вас ссылка на исходники нерабочая. Можно где то еще посмотреть?
Перепишите что он написал на видео. Не так много
Такое можно сделать на планшете?
Добрый день. А как избавится от эффекта "передергивания". Я сделал все как у вас. Все ок, все получилось, но нет полной цикличности. У меня картинки передергиваются как у вас во втором варианте.
Добрый, есть возможность скинуть исходники?
Такая же проблема
А как высоту задать, если текста много?
Играешь с min-width и количество «слайдов»)
давай тоже самое только на JS?
А в чем разница будет?
а можно этот код перенести в тильду?? что бы с изображениями было?
брат ,лушче верстай а не тильдой пользуйся
Добрый день. Подскажите пожалуйста как сделать второй вариант только с тремя предложениями и они разные по длине. Никак не могу. Текст на замыкается, появляется разрыв в конце и анимация дергается как бы и начинается сначала. Пожалуйста подскажите.
Этот вариант тебе не подойдет. В данном случае условия таковы: два отрезка идентичных друг другу... И никак иначе. Поищи бесконечный слайдер, есть готовые решения.
@@PavelChupryna спасибо большое
чет я тупонул..
вот основа.
В ложим что угодно и дублируем. можно три предложения...
и для него пишем анимацию - animation: name 10s infinite linear;
@keyframes name {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
если будут скачки, проверяй расстояние между элементами в и между самими div class="slide">.