Code Ready | Frontend
Эффект, который превращает обычный текст в динамичный скан-лоадер!
В этой фишке используется всего один псевдо-элемент, который проходит по надписи и создаёт впечатление “сканирования” — без JS.
Как работает:
• ::before становится движущейся полосой, перекрывающей текст;
• mix-blend-mode: difference инвертирует цвет и создаёт яркий акцент;
• keyframes slide задаёт траекторию движения от края до края.
Приём отлично подходит для лоадеров, hero-титров, UI-сигналов и любых сценариев, где нужно живое, цепляющее движение.
Code Ready | #фишка Если у вас установлено приложение,
вы можете сразу перейти в канал