Marquee
Обычная бегущая строка
Обратное направление
Входные параметры
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
duration | number | 20 | Продолжительность одного цикла прокрутки в секундах. |
reverse | boolean | false | Направление прокрутки в обратную сторону. |
pauseOnHover | boolean | true | Останавливает анимацию при наведении курсора. |
Описание
Marquee — «бегущая строка»: содержимое непрерывно прокручивается горизонтально в одну сторону (или в обратную при reverse). Используется для акций, новостей или брендов, когда нужно привлечь внимание к движущемуся контенту.
Дополнительная информация
- Слот по умолчанию — содержимое строки. Оно дублируется в двух группах для бесшовного бесконечного цикла; вторая копия помечена
aria-hidden="true". durationзадаётся через CSS-свойствоanimation-duration.- Прокрутка чисто CSS-анимация, поэтому не требует JavaScript-таймеров и работает при отключённом JS.