Wix Parallax efekt

• Apríl 30, 2024

Jedna pekná animácia nájdená na webových stránkach Wix je efekt posúvania paralaxy. Nejde o skutočnú animáciu, ale na vašu webovú stránku pridáva ilúziu pohybu, hĺbky a rozmeru.

Tento efekt je populárny už niekoľko rokov a je to pekný spôsob, ako pridať malý záujem na web bez pridania ohromujúcej animácie. Posúvanie paralaxou sa vytvára, keď poviete prehliadaču, aby posúval obrázok na pozadí pomalšie ako ostatné prvky na stránke. Ako ste očakávali, efekt posúvania je skvelý pre tie dlhé jednostránkové webové stránky.

Táto technika je vytvorená pomocou prvkov JavaScript, CSS a div. Nezabudnite však na to, že väčšina mobilných zariadení má problém s pevným CSS na pozadí. Wix tak vypína efekt pre mobilné zariadenia.

Pri vytváraní webových stránok Wix však nie je potrebné žiadne kódovanie. Je to také jednoduché, ako zvoliť možnosť Parallax pre obrázok na pozadí alebo obrázok z pruhu. Môže sa tiež pridať do pásového videa.

Bez posúvania paralaxou sa obrázok na pozadí webovej stránky bude pohybovať v zhode s ostatnými prvkami na stránke, keď sa divák posúva po stránke.

Keď však na obrázok na pozadí použijeme efekt posúvania pomocou Parallaxu, obrázok na pozadí sa posúva pomaly, keď sa divák posúva po stránke. Dimenzia nastáva, keď sa ostatné prvky na stránke posúvajú rýchlejšie ako obrázok na pozadí.

Treťou možnosťou, voľbou Zmraziť, pre obrázok na pozadí, je možnosť uzamknúť obrázok na pozadí, keď sa ostatné prvky stránky posúvajú nahor alebo nadol.

Pridajte Parallax k obrázku na pozadí

1. V ponuke na ľavej strane kliknite na ikonu Pozadie.
   
   
2. Pridajte obrázok na pozadí ako obvykle.
   
   
3. Kliknutím na tlačidlo Nastavenia otvoríte nastavenia obrázka.
   
   
4. Vyberte jednu z troch možností pre efekty posunu.
   
   
   • Žiadne - pozadie sa bude pohybovať rovnakou rýchlosťou ako ostatné prvky na stránke.
     
     
   • Paralaxa - pozadie sa bude pohybovať pomalšie ako ostatné prvky na stránke.
     
     
   • Zmraziť - pozadie zostane na svojom mieste, ale ostatné prvky sa posúvajú.
     
     

Pridajte Parallax k obrázkom alebo videu

1. Vyberte prúžok a v rozbaľovacej ponuke vyberte možnosť Zmeniť pozadie prúžku.
   
   
2. Pridajte obrázok na pozadí alebo video obvyklým spôsobom.
   
   
3. Kliknutím na tlačidlo Nastavenia otvoríte nastavenia obrázka.
   
   
4. Ďalej vyberte Parallax z Scroll Effects.
   
   

Video Návody: Parallax Scrolling | Easily add stunning scrolling effects to your Wix website (Apríl 2024).