Як працює ефект паралаксу?

Що таке паралакс ефект? Паралакс – це візуальний ефект, при якому фон рухається повільніше, ніж об'єкт на передньому плані. Таким чином з'являється враження обсягу та глибини, сайт пожвавлюється, а користувач отримує більш захоплюючий досвід при роботі з ним.

Як додати паралакс?

приклад паралаксу на чистому CSS Додаємо <div> – батько з класом parallax. Усередині нього створюємо два елементи-шари з класами parallax-layer. Перший елемент – <div> із зображенням, другий – <span> із текстом. Вказуємо для <div> додатковий клас parallax-image, а для <span> – parallax-text. Збережена копія