Możesz dodać efekty wizualne do swojej witryny WordPress, które stworzą iluzję ruchu lub zmiany. W tym celu moduł GutenKit Motion Effects jest dla Ciebie niesamowitą opcją. Jest to przydatny moduł, który oferuje wiele opcji efektów.
Zobaczmy jak działa ten moduł.
Moduły w modułach Efekty ruchu #
Zaloguj się do pulpitu WordPress > Znajdź GutenKit i przejdź do Modułów > Tutaj, znajdziesz efekty przewijania, pochylenie myszy, śledzenie myszy i animację wejścia > włącz je

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

Po rozwinięciu modułu zobaczysz –

Edytuj efekty przewijania #
Po włączeniu przycisku zobaczysz następujące funkcje –
- 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.
Można również wyłączyć tę opcję na komputerze stacjonarnym, tablecie, urządzeniu mobilnym itd.

Edytuj efekt pochylenia myszy #
Po włączeniu przycisku zobaczysz następujące funkcje –
- 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: Definiuje początkową pozycję pochylenia elementu na osiach poziomej i pionowej.
- 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: Wykorzystuje żyroskop urządzenia w celu uzyskania bardziej naturalnego przechylania w zależności od ruchu.

Edytuj efekt śledzenia myszy #
Po włączeniu przycisku zobaczysz następujące funkcje –
- 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 #
Tutaj znajdziesz takie style animacji jak Bounce, Flash, BackInUp, FadeInLeft, RollIn i tym podobne.
