Анимации и взаимодействия Page Builder Sandwich

Page Builder Sandwich Pro добавляет раздел Motion на вкладку «Стиль» каждого блока. Каждая настройка может отличаться в зависимости от контрольной точки, как и любой другой стиль.

Анимации появления и прокрутки

• Анимация появления: появление с затуханием, появление с подъемом или опусканием, с начальной или конечной стороны, приближение или отдаление, либо переворот вверх, воспроизводимое один раз при прокрутке блока в область видимости. Установите его продолжительность и задержку в миллисекундах.
• При прокрутке: затухание, подъем, увеличение или выпрямление при прокрутке блока в область видимости, управляемые позицией прокрутки (в браузерах, поддерживающих анимацию на основе прокрутки; в остальных случаях блок просто отображается).

Интерактивные эффекты

• При наведении: подъем, увеличение, уменьшение, тень, наклон или свечение, а также при фокусе с клавиатуры.
• Оставаться в поле зрения: блок фиксируется на определенном расстоянии от верхней части экрана во время прокрутки его раздела.
• Скорость параллакса: от -10 (против прокрутки) до 10 (вместе с ней).
• Следовать за указателем: блок наклоняется в сторону указателя мыши.

Уменьшение движения, учитывается всегда

Посетители, запросившие на своем устройстве уменьшение движения, не видят анимации, параллакса или перемещения: контент просто отображается. Без JavaScript ничего не скрывается. Страница, не использующая настройки движения, не загружает код движения.