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

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

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

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

Взаимодействия

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

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

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