Параллакс

Параллаксом называется оптический «эффект», при котором видимое положение объекта изменяется относительно фона, находящегося на удалённом расстоянии. Это изменение происходит в зависимости от того, где находится наблюдатель. Применяется во многих науках, таких как астрономия, геодезия, а также в бинокулярном зрении. Кроме того, применение эффекта параллакса возможно в веб-дизайне при создании страниц сайта.

Параллакс

Параллакс-эффект в интерфейсах впервые начали применять с 1980 года в видео-играх, а затем сфера применения добралась и до веб-интерфейсов — первенствующим здесь был сайт с кроссовками Nike. Parallax прокрутка оказывает качественное визуальное впечатление от сайта — это не просто HTML5 (играет свою роль в parallax), а некая форма Java скрипта (библиотека jQuery) и некоторое количество CSS3.

Параллакс эффект

Наверняка вы видели такие эффекты на различных сайтах. Благодаря им создаётся ощущение глубины и получается некое подобие 2D анимации. Ощущение глубины достигается благодаря тому, что передний фон перемещается несколько быстрее, чем заднее фоновое изображение.

Parallax эффект заставляет наблюдателя представить, что он смотрит на 3D сцену. Пример вы можете увидеть на этой странице вверху:

parallax

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *