Paralaksa obrazu tła #

Głównym trendem w projektowaniu stron internetowych jest przewijanie paralaksy, które polega na tym, że obraz tła przesuwa się wolniej do treści na pierwszym planie podczas przewijania strony. Ten efekt paralaksy można zastosować w witrynie Elementor.

W tym przewodniku pokażemy, jak dodać efekt paralaksy do obrazu tła za pomocą ElementsKit.

Obejrzyj przewodnik wideo:

Możesz też postępować zgodnie z poniższymi instrukcjami krok po kroku:

Krok=>1: Upewnij się, że Paralaksa moduł jest NA z Panel → Zestaw elementów → MODUŁY

Krok=>2: Iść do Elementy=> Szukaj Obraz=> Przeciągnij i upuść Sekcja obrazu.

Krok=>3: Dodać Zdjęcie w tle z Edytuj sekcję → Treść patka

Krok=>4: Iść do Zakładka Zaawansowane -> Kliknij Zestaw elementów efekty-> Wybierz typ efektu CSS3, Tilt, Przy przewijaniu, Opcja Przy ruchu myszą według własnego wyboru

CSS3 #

• Krok=>1: Iść do Zakładka Zaawansowane=>Efekty ElementsKit=> Typ efektu=> Wybierz CSS3=> Włącz Animacja CSS Przełącznik

• Wybierać Efekt animacji z Upuścić

• Modyfikować Animacja Prędkość
• Animacja Liczba iteracji=> Nieskończony lub nieustawiony

• Wybierać Kierunek animacji

• Krok=>2: Efekty ElementsKit=> Typ efektu=> Wybierz CSS3=> Włącz Transformacja CSS Przełącznik

• Tłumaczyć
• Obracać się
• Skala
• Krzywy
• Zresetuj, jeśli chcesz

Nachylenie #

Krok=>1: Iść do Zakładka Zaawansowane=>Efekty ElementsKit=> Typ efektu=> Wybierz Nachylenie

WŁ. Przewiń #

Krok=>1: Iść do Zakładka Zaawansowane=>Efekty ElementsKit=> Typ efektu=> Wybierz Przy przewijaniu

Podczas ruchu myszy #

Krok=>1: Iść do Zakładka Zaawansowane=>Efekty ElementsKit=> Typ efektu=> Wybierz Przy ruchu myszą

W ten sposób można zastosować efekt paralaksy na stronie lub stronie internetowej Elementora. Poznaj tę prostą i chwytliwą metodę zastosowania paralaksy na stronie Elementora.