Как настроить анимацию попапа

Задайте эффекты для появления попапа на странице и исчезновения после взаимодействия. Анимация активируется автоматически после выполнения условий показа или при нажатии на элементы закрытия.

Вы можете настроить анимацию в следующих сценариях:

Анимация при появлении попапа (Entrance animation) Попап появляется с выбранным эффектом после выполнения условий показа попапа.
Анимация при закрытии попапа (Exit animation) Попап закрывается с выбранным эффектом после того, как пользователь нажал кнопку или крестик для закрытия попапа.

Элементы с кнопками для отправки формы: Мессенджер, Кнопка, Цепочка и Курсы.

Напротив каждого сценария вы можете выбрать следующие анимационные эффекты:

Вылет (Slide in) Попап появляется с края экрана с эффектом движения.
Подпрыгивание (Bounce) Попап появляется с коротким импульсным движением, как будто подпрыгивает на месте.
Проявление из прозрачности (Fade in) Попап постепенно проявляется из полной прозрачности.
Вращение (Rotate in) Попап появляется с эффектом вращения вокруг оси.
Ускоренное появление (Zoom in fast) Попап быстро увеличивается из центра до полного размера.
Переворот (Flip) Попап появляется с эффектом переворота в пространстве.
Изменение масштаба (Zoom in) Попап появляется через плавное увеличение масштаба.
Выезд (Push in) Попап выезжает на экран, будто вытесняя пространство вокруг.

Под каждым типом анимации можно выбрать направление движения — с какой стороны экрана будет появляться попап.

Чтобы посмотреть, как выглядит эффект, нажмите на его название. Для повторного воспроизведения нажмите на иконку стрелки.

    Оцените, насколько полезна статья "Как настроить анимацию попапа"

    Оценка: 5 / 5 (4)

    Далее

    Как настроить стиль попапа

    Популярное в нашем блоге

    Начните пользоваться сервисом SendPulse прямо сегодня