Анимации — готовые запросы
Готовые запросы для анимаций — появление блоков, живые кнопки, мягкий первый экран. Укажите элемент и отправьте запрос.
Движение делает сайт живым: блоки плавно появляются при прокрутке, карточки откликаются на курсор, кнопка слегка «нажимается». Простые эффекты — появление, отклик на курсор, постоянное движение — ставятся бесплатно кнопкой «Анимация» у выбранного элемента, см. Анимации. Всё, что сложнее готового эффекта, поручите ИИ — ниже запросы, которые можно скопировать.
Как добавить анимацию
- В редакторе нажмите «Указать элемент» и кликните по блоку, который нужно оживить.
- Скопируйте один из запросов ниже, при необходимости поправьте его и отправьте.
- Посмотрите результат в превью. Если движение слишком заметное, напишите «сделай спокойнее» или откатите версию.
Можно и без выбора элемента, если правка касается всего сайта: «пусть все секции плавно появляются при прокрутке».
Готовые запросы
Появление при прокрутке
Пусть этот блок плавно появляется при прокрутке: лёгкий подъём снизу и проявление, один раз.
Карточки услуг или товаров
При наведении карточка слегка приподнимается и получает мягкую тень.
Кнопка записи
Сделай кнопку живой: при наведении чуть темнеет, при нажатии слегка сжимается.
Первый экран
Заголовок и кнопка первого экрана появляются по очереди при загрузке страницы, коротко и спокойно.
Фото на первом экране
Добавь очень медленное приближение фонового фото, без рывков.
Цифры и достижения
Числа в блоке «12 лет, 4000 пациентов, 2 клиники» при появлении плавно считают от нуля.
Меню и вопросы-ответы
Мобильное меню и ответы в блоке вопросов раскрываются плавно, а не рывком.
Что учитывает ИИ
- Анимации короткие и не мешают читать: без мигания и бесконечного вращения.
- Анимации сделаны средствами самого сайта, без тяжёлых сторонних библиотек, и не замедляют загрузку.
- Посетители, которые включили в системе «уменьшить движение», видят сайт без анимаций.
- На телефоне эффекты те же, но без тяжёлых вариантов вроде параллакса.
Советы
- Одна-две заметные анимации на страницу, остальное — мелкие отклики на наведение. Когда двигается всё, это утомляет.
- Проверьте сайт в режиме телефона: значок телефона в верхней панели редактора.
- Если нужен конкретный эффект, опишите, как он выглядит: «текст проявляется слово за словом», а не название из чужого конструктора.