Você pode adicionar efeitos visuais ao seu site WordPress que criam a ilusão de movimento ou mudança. Para isso, o módulo GutenKit Motion Effects é uma opção incrível para você. É um módulo prático que oferece múltiplas escolhas de efeitos.
Vamos ver como o módulo funciona.
Módulos em Módulos de efeitos de movimento #
Entre no seu painel do WordPress > Encontre GutenKit e vá para Módulos > Aqui, você encontrará efeitos de rolagem, inclinação do mouse, rastreamento do mouse e animação de entrada > ligá-los

Como funciona o módulo GutenKit Motion Effects? #
- Encontrar Páginas/postagens > Adicionar nova página/postagem ou comece a editar uma página existente com o editor de blocos.
- Selecione qualquer bloco GutenKit desejado.
- Vá para a seção Avançado.
- Encontre efeitos de movimento

Após expandir o módulo, você verá –

Editar efeitos de rolagem #
Ao habilitar o botão, você verá esses recursos –
- Rolagem vertical: O conteúdo se move para cima e para baixo conforme você rola.
- Rolagem horizontal: O conteúdo se move para a esquerda e para a direita conforme você rola.
- Transparência: O conteúdo aparece ou desaparece conforme você rola.
- Borrão: O conteúdo fica desfocado ou fica mais nítido à medida que você rola.
- Girar: O conteúdo gira ou vira conforme você rola.
- Escala: O conteúdo diminui ou aumenta conforme você rola.
Você também pode desabilitar esta opção para desktop, tablet, celular, etc.

Editar efeito de inclinação do mouse #
Ao habilitar o botão, você verá esses recursos –
- Rotação máxima (graus): Define o ângulo máximo que o elemento inclina no movimento do mouse (em graus).
- Velocidade: Controla a rapidez com que o elemento se inclina em resposta ao movimento do mouse.
- Reverter: Inverte a direção da inclinação (inclina-se na direção oposta ao movimento do mouse).
- Iniciando X/Y: Define a posição de inclinação inicial do elemento nos eixos horizontal e vertical.
- Perspectiva: Cria um efeito de profundidade 3D para a animação de inclinação.
- Escala: Torna o elemento ligeiramente maior ou menor na inclinação.
- Habilitar brilho: Ativa um efeito brilhante que se intensifica com a inclinação.
- Ativar giroscópio: Usa o giroscópio do seu dispositivo para uma inclinação mais natural com base no movimento.

Editar efeito de trilha do mouse #
Ao habilitar o botão, você verá esses recursos –
- Velocidade de rastreamento do mouse: Controla a rapidez com que o elemento segue o movimento do mouse.
- Direção da trilha do mouse: Determina se o elemento se move com o mouse (Direto) ou no sentido oposto (Oposto).

Editar animação de entrada #
Aqui você terá estilos de animação como Bounce, Flash, BackInUp, FadeInLeft, RollIn e assim por diante.
