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

Jak działa moduł GutenKit Motion Effects? #

• Znajdować Strony/posty > Dodaj nową stronę/post lub rozpocznij edycję istniejącej strony za pomocą edytora bloków.
• Wybierz dowolny blok GutenKit, jaki chcesz.
• Przejdź do sekcji Zaawansowane.
• Znajdź Efekty ruchu

After expanding the module, you’ll see –

Edytuj efekty przewijania #

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

• Przewijanie pionowe: Treść przesuwa się w górę i w dół podczas przewijania.
• Przewijanie poziome: Treść przesuwa się w lewo i w prawo podczas przewijania.
• Przezroczystość: Treść pojawia się lub znika w miarę przewijania.
• Plama: Treść staje się rozmazana lub wyostrzona podczas przewijania.
• Obracać się: Treść obraca się lub przewraca podczas przewijania.
• Skala: Treść zmniejsza się lub powiększa w miarę przewijania.

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

Edytuj efekt pochylenia myszy #

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

• Maksymalny obrót (stopnie): Ustawia maksymalny kąt, pod jakim element przechyla się podczas ruchu myszy (w stopniach).
• Prędkość: Kontroluje szybkość przechylania elementu w odpowiedzi na ruch myszy.
• Odwracać: Odwraca kierunek pochylenia (przechyla się w kierunku przeciwnym do ruchu myszy).
• Począwszy od X/Y: Defines the element’s initial tilt position on the horizontal and vertical axes.
• Perspektywiczny: Tworzy efekt głębi 3D dla animacji pochylenia.
• Skala: Sprawia, że element jest nieco większy lub mniejszy przy pochyleniu.
• Włącz olśnienie: Włącza efekt świecenia, który nasila się wraz z pochyleniem.
• Włącz żyroskop: Uses your device’s gyroscope for more natural tilting based on movement.

Edytuj efekt śledzenia myszy #

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

• Szybkość śledzenia myszy: Kontroluje szybkość, z jaką element podąża za ruchem myszy.
• Kierunek śledzenia myszy: Określa, czy element porusza się za pomocą myszy (Bezpośrednio), czy w przeciwnym kierunku (Przeciwnie).

Edytuj animację wejścia #

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