Показать сообщение отдельно
  #1 (permalink)  
Старый 22.01.2023, 00:44
Профессор
Отправить личное сообщение для miltorg Посмотреть профиль Найти все сообщения от miltorg
 
Регистрация: 19.09.2019
Сообщений: 154

Как изменить стиль анимации?
Нужна бегущая строка.

Код:
.news {
  animation : slide 5s linear infinite reverse;
  
}

@keyframes slide {
  0% {
    transform: translatex(-170%)
  }

  100% {
    transform: translatex(100%)
  }
}
Решаю с помощью этого кода. Но строки для бегущей строки - разного размера.

Получается что если короткая строка - то всё пропадает. А если длинная - то не доходит до конца.

Проблему бы решило изменение стиля:

transform: translatex(-170%)

Но как к нему подобраться?

Спасибо большое.
Ответить с цитированием