Эффект
#logo-marquee•intermediate•Тип: effect
Бесконечная бегущая строка логотипов и технологий (Marquee)
Плавная бесконечная бегущая строка на чистом CSS с аппаратным ускорением (GPU), паузой при наведении курсора и мягким затуханием по краям (mask-image).
#marquee#infinite-scroll#gpu#animation#mask-image#logos
Инженерный разбор & UX-логика
Динамическая непрерывная лента с логотипами клиентов, инструментов или ключевыми фразами, движущаяся горизонтально без рывков.
💡 Почему это работает: Создает ощущение живого, динамичного и популярного продукта при минимальной нагрузке на процессор.
Где использовать
- Разделительные блоки между секциями на продуктовых лендингах
- Блоки доверия с большим числом брендов (15+ штук)
Частые архитектурные ошибки
- Использование JS requestAnimationFrame/setInterval вместо CSS translate3d
- Отсутствие mask-image, из-за чего логотипы резко обрезаются о край экрана