> ## 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 эффект при прокрутке сайта.

Обратите внимание на блок с контактной формой на нашем [шаблоне Skydiving](https://skydiving.weblium.site/#contact-form) — примерно так параллакс эффект будет выглядеть на опубликованном сайте.

Если вы хотите удивить посетителей вашего сайта необычным эффектом, следуйте инструкциям ниже. 

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

# Настройка параллакс-эффекта

1. Чтобы добавить параллакс-эффект, наведите на нужный блок и кликните на «бегунок», чтобы перейти к его настройкам: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1056-2_1yfe5vk.png)

2. В новом окне перейдите во вкладку **Фон** и выберите опцию **Изображение**. Если вы ещё не установили фон для выбранного блока, кликните **Загрузить** и выберите картинку с вашего девайса:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1057-4_165jeoy.png)
     
| ${color}[#1aa900](Подсказка:) для более детальной информации обратитесь к статье [Добавление фона на сайт](https://webliumhelp.crisp.help/ru/article/dobavlenie-fona-na-sajt-1uwtdfa/).

4. После добавления изображения прокрутите окошко вниз. Включите **Эффекты прокрутки**  и выберите **Параллакс**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1059-3_4jjk9q.png)

5. [Опубликуйте свой сайт](https://help.weblium.com/ru/article/publikaciya-sajta-1xvrq6l/), чтобы увидеть эффект в действии.