> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Налаштування паралакс-ефекту

Ефект паралакса змушує фонове зображення блоків рухатися повільніше, ніж передній план. Це створює ілюзію глибини сторінки, надаючи вмісту 3D-ефект під час прокрутки сторінки донизу.

Перегляньте приклад блоку з контактною формою в [шаблоні сайту для стрибків з парашутом](https://skydiving.weblium.site/#contact-form), щоб побачити, як ви зможете використовувати ефект паралаксу на своєму майбутньому сайті.

Якщо ви хочете здивувати відвідувачів вашого сайту незвичайним ефектом, дотримуйтесь інструкцій нижче.

||| ${color}[#f97700](Важливо:) ефект паралакса можна додати лише до фонових зображень.

# Налаштування ефекту паралаксу

1. Щоб додати ефект паралакса на фонове зображення, спершу наведіть курсор на потрібний блок і натисніть на «шестерню»:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/screenshot1_aug8fq.png)

2. Перейдіть у вкладку **Фон** і виберіть опцію **Зображення**. Якщо ви цього ще не зробили, **завантажте** зображення на фон вашого блоку:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/screenshot2_cgj7ak.png)

| ${color}[#1aa900](Підказка:) для отримання додаткової інформації про додавання фону на ваш сайт перегляньте статтю про [Додавання фону сайту](https://help.weblium.com/uk/article/dodavannya-tla-sajtu-kqwcrx/).

3. Після додавання зображення прокрутіть вікно вниз і ввімкніть опцію **Ефекти прокрутки**, а потім оберіть **Паралакс**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/screenshot3_c9v9eb.png)

4. [Опублікуйте сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/), щоб застосувати зміни.