Chcesz zastosować efekt przewijania w Elementor?
Jedna z fascynujących rzeczy podczas projektowania strony lub szablonu za pomocą Elementor polega na tym, że możesz zastosować określone efekty animacji do strony lub szablonu, nad którym pracujesz. Jednym z nich jest efekt przewijania, który omówimy w tym artykule.
Sam efekt przewijania jest funkcją dostępną na Elementor Pro. Musisz więc zaktualizować swój Elementor do wersji pro, jeśli jeszcze tego nie zrobiłeś.
Jaki jest efekt przewijania?
Jest to rodzaj efektu animacji, który pojawia się, gdy użytkownik przesuwa kursor myszy nad stroną. Czy w górę czy w dół. Efekt może się różnić w zależności od ustawień. Sam Elementor oferuje 6 opcji efektów:
- Przewijanie w pionie: obiekt będzie poruszał się w pionie podczas przewijania myszy
- przewijanie poziomy: obiekt będzie się poruszał poziomo podczas przewijania myszy
- Przezroczystość: Obiekt pojawi się jako przezroczysty przed przewinięciem myszy
- Rozmazany: Obiekt będzie rozmazany przed przewinięciem myszy
- Drabina: Obiekt pojawi się w określonej skali przed przewinięciem myszy
Możesz zastosować efekt przewijania w sekcji, kolumnie lub widżecie.
Jak zastosować efekt przewijania w Elementorze
Jak wspomnieliśmy, efekt przewijania jest jedną z cech Elementor Pro. Innymi słowy, aby korzystać z tej funkcji, musisz używać Elementor Pro.
W tym samouczku pokażemy, jak zastosować efekt przewijania w poziomie. Jak sama nazwa wskazuje, efekt ten spowoduje zastosowanie pionowego ruchu do obiektu podczas przewijania myszą. Ten efekt jest doskonały w połączeniu z Lottie.
Poniżej znajduje się przykład przed zastosowaniem efektu przewijania w poziomie.
A oto przykład po zastosowaniu przewijania poziomego.
Remarque: Poniższy samouczek używa Lottie.
Dodano efekt przewijania
Ponownie możesz zastosować efekt przewijania do sekcji, kolumny lub widżetu.
Najpierw wybierz element (sekcję, kolumnę lub widżet), na który chcesz zastosować efekt przewijania i przejdź do zakładki zaawansowany w lewym panelu i otwórz sekcję Efekty ruchu.
Aktywuj opcję Przewiń efekty.
Ponieważ chcemy zastosować efekt przewijania w poziomie, kliknij ikonę ołówka w opcji Przewijanie w poziomie aby dokonać ustawień takich jak kierunek (w lewo lub w prawo), prędkość i okno (obszar widoczny dla użytkownika).
Jeśli chcesz, możesz zastosować wiele efektów przewijania. Wystarczy kliknąć ikonę ołówka w innych opcjach efektu przewijania, aby zastosować inne efekty przewijania.
Otóż to. Po ukończeniu strony możesz opublikować / Zaktualizuj to. Możesz także wyłączyć efekt przewijania na określonym typie urządzenia. Po prostu usuń urządzenie, na którym chcesz wyłączyć efekt przewijania, klikając ikonę X od razu Zastosuj efekty do .
Pobierz Elementor Pro teraz !!!
Wnioski
Tutaj ! To tyle, jeśli chodzi o ten artykuł, który pokazuje, jak zastosuj efekt przewijania w Elementorze. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać, daj nam znać w ciągu commentaires.
Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.
...
