Efekt paralaksy Wix

• Może 6, 2024

Jedną z fajnych animacji znalezionych na stronach Wix jest efekt przewijania paralaksy. To nie jest prawdziwa animacja, ale dodaje iluzji ruchu, głębi i wymiaru twojej stronie.

Ten efekt jest popularny od kilku lat i jest dobrym sposobem na dodanie małego zainteresowania do strony internetowej bez dodawania przytłaczającej animacji. Przewijanie Paralaksy powstaje, gdy mówisz przeglądarce, aby przewijała obraz tła wolniej niż inne elementy na stronie. Jak można się spodziewać, efekt przewijania jest świetny dla tych długich, jednostronicowych stron internetowych.

Ta technika jest tworzona za pomocą JavaScript, CSS i elementów div. Należy tylko pamiętać, że większość urządzeń mobilnych ma problem ze stałym CSS w tle. Tak więc Wix wyłącza efekt dla urządzeń mobilnych.

Ale podczas tworzenia witryny Wix nie ma potrzeby kodowania. To tak proste, jak wybranie opcji Paralaksy dla obrazu tła lub obrazu paska. Można go również dodać do paska wideo.

Bez zastosowania przewijania paralaksy obraz tła strony będzie poruszał się zgodnie z innymi elementami na stronie, gdy przeglądarka przewinie stronę.

Jednak gdy zastosujemy efekt przewijania Paralaksy do obrazu tła, obraz tła będzie się przewijał powoli, gdy przeglądarka przewinie stronę. Wymiar występuje, gdy inne elementy na stronie przewijają się szybciej niż obraz tła.

Trzecia opcja, opcja Zatrzymaj, dla obrazu tła Opcje efektów przewijania to zablokowanie obrazu tła w miejscu, gdy pozostałe elementy strony przewijają się w górę lub w dół.

Dodaj Paralaksę do obrazu tła

1. Kliknij ikonę Tła w menu po lewej stronie.
   
   
2. Dodaj obraz tła jak zwykle.
   
   
3. Kliknij przycisk Ustawienia, aby otworzyć Ustawienia obrazu.
   
   
4. Wybierz jedną z trzech opcji efektów przewijania.
   
   
   • Brak - tło będzie się przesuwać w tym samym tempie, co inne elementy na stronie.
     
     
   • Paralaksa - tło porusza się wolniej niż inne elementy na stronie.
     
     
   • Zatrzymaj - tło pozostanie na miejscu, ale pozostałe elementy będą się przewijać.
     
     

Dodaj Paralaksę do paska obrazu lub wideo

1. Wybierz pasek i wybierz opcję Zmień tło paska z menu podręcznego.
   
   
2. Dodaj obraz tła lub wideo jak zwykle.
   
   
3. Kliknij przycisk Ustawienia, aby otworzyć Ustawienia obrazu.
   
   
4. Następnie wybierz Paralaksę z efektów przewijania.
   
   

Instrukcje Wideo: Jak dodać efekt ruchomych cząstek jako tło? (Particles Background) (Może 2024).