You can add visual effects to your WordPress website that create the illusion of movement or change. For that, the GutenKit Motion Effects module is an amazing option for you. It is a handy module that offers multiple effect choices.

Let’s see how the module works.

Modules under Motion Effects modules #

Login to your WordPress dashboard > Find GutenKit and go to Modules > Here, you’ll find Scrolling Effects, Mouse Tilt, Mouse Track and Entrance Animation > turn them ON

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

After expanding the module, you’ll see –

Editar efeitos de rolagem #

When you enable the button, you’ll see these features –

• 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.

Also, you can disable this option for desktop, tablet, mobile, etc.

Editar efeito de inclinação do mouse #

When you enable the button, you’ll see these features –

• 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: Defines the element’s initial tilt position on the horizontal and vertical axes.
• 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: Uses your device’s gyroscope for more natural tilting based on movement.

Editar efeito de trilha do mouse #

When you enable the button, you’ll see these features –

• 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 #

Here you’ll have animation styles like Bounce, Flash, BackInUp, FadeInLeft, RollIn and so on.