Эффект, который превращает обычный текст в динамичный скан-лоадер!

В этой фишке используется всего один псевдо-элемент, который проходит по надписи и создаёт впечатление “сканирования” — без JS.

Как работает:

• ::before становится движущейся полосой, перекрывающей текст;

• mix-blend-mode: difference инвертирует цвет и создаёт яркий акцент;

• keyframes slide задаёт траекторию движения от края до края.

Приём отлично подходит для лоадеров, hero-титров, UI-сигналов и любых сценариев, где нужно живое, цепляющее движение.

Code Ready | #фишка