> ## 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).

# Добавление анимаций

Анимации — это простой способ сделать ваш сайт более живым и привлекательным для посетителей. Благодаря анимированному появлению элементов или целых блоков при прокрутке страницы, можно акцентировать внимание на важном контенте, улучшить визуальное восприятие и общее впечатление от сайта. 

В этой инструкции вы узнаете, как легко активировать и настроить анимации для отдельных элементов (текста, изображений и т. д.) и целых блоков.

**Содержание:**
* [Добавление анимаций к элементам](#1-dobavlenie-animacij-k-elementam)
* [Добавление анимаций к блокам](#1-dobavlenie-animacij-k-blokam)

# Добавление анимаций к элементам

||| ${color}[#f97700](Важно:) в настоящее время анимации доступны для следующих элементов — Текст, Заголовок, Иконки соцсетей, Изображение, Видео, Кнопка.

1. Откройте настройки элемента и перейдите на вкладку **Анимации**, где активируйте переключатель напротив **Динамическое появление элементов при прокрутке**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/dodavannya-animacii-ru-1_yiwob5.png)
Для текстовых элементов нажмите на текстовую строку и кликните по **иконке с уткой** в контекстном меню, которое появится:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/dodavannya-animacii-ru-2_tgu64y.png)
2. Далее вы можете выбрать вид анимации ①, позицию элемента при ее выполнении ② и скорость анимации ③:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/dodavannya-animacii-ru-3_1800n0a.png)
3. Не забудьте [опубликовать](/ru/article/publikaciya-sajta-1xvrq6l/) ваш сайт для сохранения изменений.

# Добавление анимаций к блокам

||| ${color}[#f97700](Важно:) активированная в настройках блока анимация будет применена ко всем добавленным элементам блока.

|| ${color}[#ffa800](Примечание:) если в настройках блока задана анимация, но отдельный элемент в этом блоке имеет собственные параметры анимации, то для него будут работать его индивидуальные настройки.

1. Откройте настройки блока и перейдите на вкладку **Анимации**, где активируйте переключатель напротив **Динамическое появление элементов при прокрутке**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/dodavannya-animacii-ru-4_179i33r.png)
2. Далее вы можете выбрать вид анимации ①, позицию элементов блока при ее выполнении ② и скорость анимации ③:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/dodavannya-animacii-ru-5_128vfz.png)
3. Не забудьте [опубликовать](/ru/article/publikaciya-sajta-1xvrq6l/) ваш сайт для сохранения изменений.