Zero Block
Анимация загрузки страницы
Tilda Publishing
create your own block from scratch
В переменой (inClass) меняем класс для своей анимации на выбор:Инструкция для анимации
fade-in - плавное появление страницы;

fade-in-up - плавное появление страницы снизу вверх (возможные варианты: fade-in-up-sm, fade-in-up-lg);

fade-in-down -
плавное появление страницы сверху вниз (возможные варианты: fade-in-down-sm, fade-in-down-lg);

fade-in-left - плавное появление страницы слева на право (возможные варианты: fade-in-left-sm, fade-in-left-lg);

fade-in-right - плавное появление страницы cправо на лево (возможные варианты: fade-in-right-sm, fade-in-right-lg);

rotate-in - анимация с закручиванием страницы (возможные варианты: rotate-in-sm, rotate-in-lg);

flip-in-x - появление страницы снизу вверх с 3d эффектом (возможные варианты: flip-in-x-fr, flip-in-x-nr);

flip-in-y - появление страницы с эффектом разворота (возможные варианты: flip-in-y-fr, flip-in-y-nr);

zoom-in - появление страницы с эффектом приближения (возможные варианты: zoom-in-sm, zoom-in-lg);
Для работы перекрывающего слоя в переменой (overlay) меняем значение false на true и в переменой (inClass) меняем класс для своей анимации на выбор:Инструкция для штор
overlay-slide-in-top - анимация шторки снизу вверх;
overlay-slide-in-left - анимация шторки снизу слева;
overlay-slide-in-right - анимация шторки снизу слева;
overlay-slide-in-bottom - анимация шторки снизу слева;

inDuration - отвечает за продолжительность анимации (меняем значение 1500 на своё).