​Вдохновляющие сайты. Parallax

Продолжаю рубрику "Вдохновляющие сайты". На этот раз рассмотрим эффект с собакой.

Создается ощущение, что задний план (собака) движется значительно медленнее, чем текст. Такой сайт выглядит очень эффектно и достигается за счет parallax-эффекта.

Более реалистичный пример смотрите здесь. Прокрутка идет, а картинка стоит на одном месте. Всему виной все тот же parallax.

Параллакс - понятие не только из веба. Этот термин означает видимое смещение близких объектов (текст) на фоне удаленных (картинка) при перемещении наблюдателя (скроллинге страницы). Также применяется в астрономии, геодезии и видеомонтаже.

Как правило, для реализации parallax нужно знать HTML, CSS и JavaScript. Если хотите сделать этот эффект быстро, подключите сторонную библиотеку. А если долго, то воспользуйтесь вариацией на чистом CSS. А если предпочитаете английский вариант, то здесь.

Давайте делать крутые сайты вместе!