Как двигать текст в CSS

Для движения текста в CSS можно использовать свойство animation. Например, чтобы сделать текст двигающимся справа налево, можно использовать следующий код:

@keyframes move-text {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.text {
  animation: move-text 2s linear infinite;
}

Здесь мы создаем анимацию move-text, которая перемает текст на 100% влево (используя свойство transform: translateX(-100%)) и повторяется бесконечно (используя свойство infinite). Затем мы применяем эту анимацию к элементу с классом .text.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как двигать текст в CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали