Efect Parallax Wix

• Mai 14, 2024

O animație drăguță găsită pe site-urile Wix este efectul de derulare paralaxă. Nu este o adevărată animație, dar adaugă iluzia de mișcare, profunzime și dimensiune pe pagina ta web.

Acest efect este popular de câțiva ani și este o modalitate drăguță de a adăuga un pic de interes unui site web fără a adăuga o animație excesivă. Defilarea Parallax este creată atunci când îi spui browserului să deruleze imaginea de fundal cu o viteză mai mică decât celelalte elemente din pagină. După cum vă așteptați, efectul de derulare este excelent pentru acele site-uri web lungi, cu o singură pagină.

Această tehnică este creată cu JavaScript, CSS și elemente div. Doar o notă de reținut este că majoritatea dispozitivelor mobile au o problemă cu CSS de fundal fix. Deci, Wix dezactivează efectul pentru dispozitivele mobile.

Dar atunci când creați site-ul dvs. Wix, nu este implicată codificarea. Este la fel de ușor ca să selectați opțiunea Parallax pentru o imagine de fundal sau o imagine de bandă. Poate fi adăugat, de asemenea, la un videoclip strip.

Fără derularea paralaxului aplicată, imaginea de fundal a paginii web se va muta la unison cu celelalte elemente din pagină, în timp ce vizualizatorul derulează peste pagină.

Cu toate acestea, atunci când aplicăm efectul de derulare Parallax la imaginea de fundal, imaginea de fundal derulează încet în timp ce vizualizatorul derulează peste pagină. Dimensiunea apare pe măsură ce celelalte elemente din pagină defilează mai repede decât imaginea de fundal.

A treia opțiune, opțiunea Înghețare, pentru opțiunile de fundal a imaginilor de fundal este de a bloca imaginea de fundal la locul său, în timp ce restul elementelor paginii derulează în sus sau în jos.

Adăugați Parallax la imaginea de fundal

1. Faceți clic pe pictograma Fundal din meniul din stânga.
   
   
2. Adăugați imaginea de fundal ca de obicei.
   
   
3. Faceți clic pe butonul Setări pentru a deschide Setări imagine.
   
   
4. Alegeți una dintre cele trei opțiuni pentru efectele de defilare.
   
   
   • Niciunul - fundalul se va muta în același ritm cu celelalte elemente din pagină.
     
     
   • Parallax - fundalul se va mișca mai lent decât celelalte elemente din pagină.
     
     
   • Înghețare - fundalul va rămâne în loc, dar celelalte elemente vor defila.
     
     

Adaugă Parallax la Strip Image sau Video

1. Selectați banda și alegeți Schimbare fundal dungi din meniul pop-up.
   
   
2. Adăugați imagine de fundal sau video, de obicei.
   
   
3. Faceți clic pe butonul Setări pentru a deschide Setări imagine.
   
   
4. Apoi, alege Parallax din Efectele de derulare.
   
   

Instrucțiuni Video,: Parallax Scrolling | Easily add stunning scrolling effects to your Wix website (Mai 2024).