Налаштування паралакс-ефекту
Ефект паралакса змушує фонове зображення блоків рухатися повільніше, ніж передній план. Це створює ілюзію глибини сторінки, надаючи вмісту 3D-ефект під час прокрутки сторінки донизу.
Перегляньте приклад блоку з контактною формою в шаблоні сайту для стрибків з парашутом, щоб побачити, як ви зможете використовувати ефект паралаксу на своєму майбутньому сайті.
Якщо ви хочете здивувати відвідувачів вашого сайту незвичайним ефектом, дотримуйтесь інструкцій нижче.
Важливо: ефект паралакса можна додати лише до фонових зображень.
Щоб додати ефект паралакса на фонове зображення, спершу наведіть курсор на потрібний блок і натисніть на «шестерню»:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/screenshot1_aug8fq.png)
Перейдіть у вкладку Фон і виберіть опцію Зображення. Якщо ви цього ще не зробили, завантажте зображення на фон вашого блоку:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/screenshot2_cgj7ak.png)
Підказка: для отримання додаткової інформації про додавання фону на ваш сайт перегляньте статтю про Додавання фону сайту.
Після додавання зображення прокрутіть вікно вниз і ввімкніть опцію Ефекти прокрутки, а потім оберіть Паралакс:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/screenshot3_c9v9eb.png)
Опублікуйте сайт, щоб застосувати зміни.
Перегляньте приклад блоку з контактною формою в шаблоні сайту для стрибків з парашутом, щоб побачити, як ви зможете використовувати ефект паралаксу на своєму майбутньому сайті.
Якщо ви хочете здивувати відвідувачів вашого сайту незвичайним ефектом, дотримуйтесь інструкцій нижче.
Важливо: ефект паралакса можна додати лише до фонових зображень.
Налаштування ефекту паралаксу
Щоб додати ефект паралакса на фонове зображення, спершу наведіть курсор на потрібний блок і натисніть на «шестерню»:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/screenshot1_aug8fq.png)
Перейдіть у вкладку Фон і виберіть опцію Зображення. Якщо ви цього ще не зробили, завантажте зображення на фон вашого блоку:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/screenshot2_cgj7ak.png)
Підказка: для отримання додаткової інформації про додавання фону на ваш сайт перегляньте статтю про Додавання фону сайту.
Після додавання зображення прокрутіть вікно вниз і ввімкніть опцію Ефекти прокрутки, а потім оберіть Паралакс:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/screenshot3_c9v9eb.png)
Опублікуйте сайт, щоб застосувати зміни.
Оновлено: 15/06/2022
Дякуємо!