# Анимации — готовые запросы

> Готовые запросы для анимаций — появление блоков, живые кнопки, мягкий первый экран. Укажите элемент и отправьте запрос.

Движение делает сайт живым: блоки плавно появляются при прокрутке, карточки откликаются на курсор, кнопка слегка «нажимается». Простые эффекты — появление, отклик на курсор, постоянное движение — ставятся бесплатно кнопкой «Анимация» у выбранного элемента, см. [Анимации](https://velvio.space/docs/features/animate). Всё, что сложнее готового эффекта, поручите ИИ — ниже запросы, которые можно скопировать.

## Как добавить анимацию

1. В редакторе нажмите **«Указать элемент»** и кликните по блоку, который нужно оживить.
2. Скопируйте один из запросов ниже, при необходимости поправьте его и отправьте.
3. Посмотрите результат в превью. Если движение слишком заметное, напишите «сделай спокойнее» или [откатите версию](https://velvio.space/docs/tricks/restore).

![Выбран элемент — запрос применится именно к нему](https://velvio.space/docs/shots/editor-picked.webp)

Можно и без выбора элемента, если правка касается всего сайта: «пусть все секции плавно появляются при прокрутке».

## Готовые запросы

**Появление при прокрутке**

> Пусть этот блок плавно появляется при прокрутке: лёгкий подъём снизу и проявление, один раз.

**Карточки услуг или товаров**

> При наведении карточка слегка приподнимается и получает мягкую тень.

**Кнопка записи**

> Сделай кнопку живой: при наведении чуть темнеет, при нажатии слегка сжимается.

**Первый экран**

> Заголовок и кнопка первого экрана появляются по очереди при загрузке страницы, коротко и спокойно.

**Фото на первом экране**

> Добавь очень медленное приближение фонового фото, без рывков.

**Цифры и достижения**

> Числа в блоке «12 лет, 4000 пациентов, 2 клиники» при появлении плавно считают от нуля.

**Меню и вопросы-ответы**

> Мобильное меню и ответы в блоке вопросов раскрываются плавно, а не рывком.

## Что учитывает ИИ

- Анимации короткие и не мешают читать: без мигания и бесконечного вращения.
- Анимации сделаны средствами самого сайта, без тяжёлых сторонних библиотек, и не замедляют загрузку.
- Посетители, которые включили в системе «уменьшить движение», видят сайт без анимаций.
- На телефоне эффекты те же, но без тяжёлых вариантов вроде параллакса.

## Советы

- Одна-две заметные анимации на страницу, остальное — мелкие отклики на наведение. Когда двигается всё, это утомляет.
- Проверьте сайт в режиме телефона: значок телефона в верхней панели редактора.
- Если нужен конкретный эффект, опишите, как он выглядит: «текст проявляется слово за словом», а не название из чужого конструктора.