Wix Parallaxi efekt

• Aprill 28, 2024

Üks kena Wixi veebisaitidelt leitud animatsioon on parallaksi kerimise efekt. See ei ole tõeline animatsioon, kuid lisab siiski oma veebilehele illusiooni liikumisest, sügavusest ja mõõtmetest.

See efekt on olnud populaarne juba mitu aastat ja see on kena viis veebisaidile vähese huvi lisamiseks, ilma liigset animatsiooni lisamata. Parallaxi kerimine luuakse siis, kui käsitate brauseril taustpilti kerida aeglasemalt kui teisi lehe elemente. Nagu arvata võiks, on kerimisefekt suurepärane nende pikkade üheleheliste veebisaitide jaoks.

See tehnika on loodud JavaScripti, CSS ja div elementidega. Ainult meeles pidage, et enamikul mobiilseadmetel on probleem fikseeritud CSS-iga. Niisiis, Wix lülitab mobiilseadmete efekti välja.

Kuid Wixi veebisaidi loomisel pole sellega seotud kodeerimist. See on sama lihtne kui taustapildi või ribapildi valiku Parallax valimine. Seda saab lisada ka ribavideole.

Ilma rakendatud parallaksiakerimiseta liigub veebilehe taustpilt üheskoos teiste lehe elementidega, kui vaataja kerib üle lehe.

Kui aga rakendame taustpildile Parallaxi kerimisefekti, kerib taustpilt aeglaselt, kui vaataja kerib üle lehe. Mõõt ilmneb siis, kui teised lehe elemendid kerivad kiiremini kui taustpilt.

Kolmas suvand - Freeze - võimalus taustapildi kerimisefektide jaoks on lukustada taustpilt oma kohale, kuna ülejäänud leheelemendid kerivad üles või alla.

Lisage taustpildile Parallax

1. Klõpsake vasakpoolses menüüs taustaikooni.
   
   
2. Lisage oma taustpilt nagu tavaliselt.
   
   
3. Kuvasätete avamiseks klõpsake nuppu Seadistused.
   
   
4. Valige üks kolmest suvandist Scroll Effects.
   
   
   • Puudub - taust liigub sama kiiresti kui teised lehel olevad elemendid.
     
     
   • Parallaks - taust liigub aeglasemalt kui teised lehel olevad elemendid.
     
     
   • Freeze - taust jääb oma kohale, kuid muud elemendid kerivad.
     
     

Lisage ribapildile või videole Parallax

1. Valige riba ja valige hüpikmenüüst Muuda riba tausta.
   
   
2. Lisage taustpilt või video nagu tavaliselt.
   
   
3. Kuvasätete avamiseks klõpsake nuppu Seadistused.
   
   
4. Järgmisena vali kerimisefektide hulgast Parallax.
   
   

Video Juhiseid: Parallax Scrolling | Easily add stunning scrolling effects to your Wix website (Aprill 2024).