Marquee

Обычная бегущая строка

Обратное направление

Входные параметры

ИмяТипПо умолчаниюОписание
durationnumber20Продолжительность одного цикла прокрутки в секундах.
reversebooleanfalseНаправление прокрутки в обратную сторону.
pauseOnHoverbooleantrueОстанавливает анимацию при наведении курсора.

Описание

Marquee — «бегущая строка»: содержимое непрерывно прокручивается горизонтально в одну сторону (или в обратную при reverse). Используется для акций, новостей или брендов, когда нужно привлечь внимание к движущемуся контенту.

Дополнительная информация

  • Слот по умолчанию — содержимое строки. Оно дублируется в двух группах для бесшовного бесконечного цикла; вторая копия помечена aria-hidden="true".
  • duration задаётся через CSS-свойство animation-duration.
  • Прокрутка чисто CSS-анимация, поэтому не требует JavaScript-таймеров и работает при отключённом JS.
×