Настроить плавное появление попапа

pop-up-fadein-example5.gif

Чтобы настроить плавное появление попапа:

  1. В редактировании формы откройте код, вкладку CSS:

    pop-up-fadein-code.png

  2. Добавьте в стили #popmechanic-form следующие строки:

animation-name: popmechanic-fadeIn;
animation-duration: Ns;

где N — количество секунд до полного отображения попапа.

pop-up-fadein-animation-added.png

Если CSS уже заложена анимация, но она не подходит для решения задачи, закомментируйте ее с помощью символов //:

pop-up-fadein-animation-commented.png

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