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

Это достигается путём изменения скорости движения фоновых и передних элементов при прокрутке страницы. 3

Для достижения параллакс-эффекта нужно три компонента: 4

1. «Удаленный» объект, например, фон, который движется медленнее. 2
2. «Близкий» объект, который движется быстрее. 2
3. Действие, которое запускает движение, например, скролл или перемещение курсора. 2

Некоторые цели использования параллакс-эффекта на сайте:

• Добавление изюминки на сайт с небольшим количеством информации. 2 С его помощью можно оживить иллюстрации и текст и добавить сайту глубины без сложных дизайнерских решений. 2
• Выделение объекта. 2 Параллакс позволяет выделить один объект, «провести» его через всю страницу и вынести на передний план. 2 Например, на верхний «слой», который иллюзорно ближе всего к зрителю, помещают ключевой объект, чтобы сделать на нём дополнительный акцент. 2
• Демонстрация динамики, движения и процесса. 2 Если на странице продают не продукт, а услугу, параллакс создаст иллюзию движения. 2