Как работает эффект параллакса на сайте?

Эффект параллакса на сайте работает за счёт перемещения фоновых элементов с разной скоростью относительно переднего плана. 1 Это создаёт иллюзию глубины и объёма. 14

Базовый принцип: чем дальше слой от наблюдателя, тем медленнее он движется. 4 Для заднего фона устанавливается коэффициент скорости 0,1–0,3, для средних элементов — 0,4–0,6, для передних объектов — 0,7–0,9. 4

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

Для достижения эффекта параллакса разработчики используют JavaScript, CSS3 и HTML5. 2