Продолжая статьи на тему интерактива на продающей странице, сегодня я хочу показать как создать анимированную шапку на лендинге. Эффект смотрится очень скромно и красиво.

Эффект Вы можете увидеть при прокрутке страницы вверх или вниз. Когда Вы прокручиваете страницу вниз - фоновое изображения становится размытым и текст в шапке "спускается" немного вниз. Также анимация происходит в обратном направлении, если Вы прокручиваете страницу в обратном направлении.

Подробная инструкция с установкой данного эффекта на продающую страницу,  а также исходные файлы находятся здесь — анимированная шапка для лендинга.