Как работает прокручиваемый фон в веб-дизайне?

Прокручиваемый фон в веб-дизайне работает на основе параллакс-эффекта, или параллакс-скроллинга. pixso.net netology.ru

Суть эффекта: фоновые объекты двигаются медленнее, чем элементы на переднем плане. pixso.net netology.ru Это создаёт ощущение динамики и глубины. netology.ru

Как это происходит: несколько слоёв накладывают друг на друга и настраивают так, чтобы при прокрутке страницы они двигались с разной скоростью. netology.ru Технологию можно применять к разным элементам страницы: изображениям, текстовым блокам, иконкам и т. д.. netology.ru

Для управления прокруткой фона в CSS есть свойство background-attachment, которое может принимать следующие значения: code.mu developer.mozilla.org

• fixed. code.mu developer.mozilla.org Картинка фона будет неподвижной, а текст будет скользить по ней. code.mu
• scroll. code.mu developer.mozilla.org Картинка фона будет прокручиваться вместе с текстом. code.mu
• local. code.mu developer.mozilla.org Фон фиксируется с учётом поведения элемента. code.mu Если элемент имеет прокрутку, то фон будет прокручиваться вместе с содержимым, но фон, выходящий за рамки элемента, остаётся на месте. code.mu