Učinek Wix Parallax

• Maj 20, 2024

Ena prijetna animacija, ki jo najdemo na spletnih mestih Wix, je učinek drsenja paralakse. Ne gre za resnično animacijo, vendar na vašo spletno stran doda iluzijo gibanja, globine in dimenzije.

Ta učinek je priljubljen že nekaj let in je lep način, da na spletno stran dodate malo zanimanja, ne da bi dodali preveliko animacijo. Pomikanje po Parallaxu se ustvari, ko brskalniku rečete, da se slika po ozadju pomika počasneje kot ostali elementi na strani. Kot bi pričakovali, je učinek drsenja odličen za tista dolga, enostranska spletna mesta.

Ta tehnika je ustvarjena z elementi JavaScript, CSS in div. Upoštevati je treba, da ima večina mobilnih naprav težave s fiksnim CSS v ozadju. Wix izklopi učinek za mobilne naprave.

Toda pri ustvarjanju spletnega mesta Wix ni nobenega kodiranja. Tako enostavno kot izbira možnosti Parallax za sliko ozadja ali trak. Lahko ga dodate tudi v video posnetek.

Brez uporabljenega drsanja po paralaksu se bo slika ozadja za spletno stran premaknila v skladu z drugimi elementi na strani, ko se gledalec pomika po strani.

Ko pa uporabimo učinek drsenja Parallax za sliko ozadja, se slika ozadja počasi drsi, ko se gledalec pomika po strani. Razsežnost se pojavlja, ko se drugi elementi na strani pomikajo hitreje od slike v ozadju.

Tretja možnost, možnost Zamrznitev, za možnosti ozadja Slika možnosti pomikanja ozadja je zaklepanje slike ozadja na mestu, ko se preostali elementi strani pomikajo navzgor ali navzdol.

Dodajte Parallax v sliko ozadja

1. V levem meniju kliknite ikono Ozadje.
   
   
2. Dodajte svojo ozadje kot običajno.
   
   
3. Kliknite gumb Nastavitve, da odprete Nastavitve slike.
   
   
4. Izberite eno od treh možnosti za učinke pomikanja.
   
   
   • Brez - ozadje se bo premikalo z enako hitrostjo kot ostali elementi na strani.
     
     
   • Parallax - ozadje se bo premikalo počasneje kot ostali elementi na strani.
     
     
   • Zamrzne - ozadje bo ostalo na mestu, drugi elementi pa se bodo pomaknili.
     
     

Dodajte Parallax Strip slike ali video

1. Izberite trak in v pojavnem meniju izberite Change Strip Background.
   
   
2. Dodajte sliko ali video v ozadju kot običajno.
   
   
3. Kliknite gumb Nastavitve, da odprete Nastavitve slike.
   
   
4. Nato izberite Parallax v učinkih Pomikanje.