Animações e interações do Page Builder Sandwich

O Page Builder Sandwich Pro adiciona uma seção Motion à aba Estilo de cada bloco. Cada configuração pode variar por ponto de interrupção (breakpoint), como qualquer outro estilo.

Animações de entrada e rolagem

• Animação de entrada: desvanecimento (fade in), desvanecimento com subida ou descida, a partir do lado inicial ou final, zoom in ou zoom out, ou virar para cima (flip up), executada uma vez quando o bloco rolar para a área de visualização. Defina sua duração (length) e atraso (delay) em milissegundos.
• Durante a rolagem: desvanecimento, subida, crescimento ou endireitamento conforme o bloco rola para a área de visualização, impulsionado pela posição de rolagem (em navegadores que oferecem suporte a animação orientada por rolagem; caso contrário, o bloco é simplesmente exibido).

Interações

• Ao passar o cursor: elevação, crescimento, encolhimento, sombra, inclinação ou brilho, também aplicável ao foco do teclado.
• Permanecer visível: o bloco fixa-se a uma distância do topo da tela enquanto sua seção é rolada.
• Velocidade de paralaxe: de -10 (contra a rolagem) a 10 (a favor dela).
• Seguir o cursor: o ponteiro do mouse faz o bloco inclinar-se em sua direção.

Movimento reduzido, sempre respeitado

Visitantes que solicitam movimento reduzido em seus dispositivos não veem nenhuma animação, paralaxe ou movimento: o conteúdo é simplesmente exibido. Sem JavaScript, nada é ocultado. Uma página que não utiliza nenhuma configuração de movimento não carrega nenhum código de movimento.