Wix Parallax Effect

• Potrebbe 5, 2024

Una bella animazione trovata sui siti Web di Wix è l'effetto di scorrimento della parallasse. Non è una vera animazione ma aggiunge l'illusione di movimento, profondità e dimensione alla tua pagina web.

Questo effetto è popolare da diversi anni ed è un bel modo per aggiungere un po 'di interesse a un sito Web senza aggiungere un'animazione prepotente. Lo scorrimento della parallasse viene creato quando si dice al browser di scorrere l'immagine di sfondo a una velocità inferiore rispetto agli altri elementi della pagina. Come ci si aspetterebbe, l'effetto di scorrimento è eccezionale per quei lunghi siti Web di una pagina.

Questa tecnica è creata con JavaScript, CSS e elementi div. Una nota da tenere a mente è che la maggior parte dei dispositivi mobili ha un problema con CSS di sfondo fisso. Quindi, Wix disattiva l'effetto per i dispositivi mobili.

Ma quando crei il tuo sito Web Wix, non è necessario alcun codice. È facile come selezionare l'opzione Parallax per un'immagine di sfondo o di striscia. Può anche essere aggiunto a un video di strip.

Senza lo scorrimento della parallasse applicato, l'immagine di sfondo per la pagina Web si sposterà all'unisono con gli altri elementi della pagina mentre il visualizzatore scorre sulla pagina.

Tuttavia, quando applichiamo l'effetto di scorrimento Parallax all'immagine di sfondo, l'immagine di sfondo scorre lentamente mentre il visualizzatore scorre sulla pagina. La dimensione si verifica quando gli altri elementi della pagina scorrono più velocemente dell'immagine di sfondo.

La terza opzione, l'opzione Congela, per le immagini degli effetti di scorrimento delle immagini di sfondo è quella di bloccare l'immagine di sfondo in posizione mentre il resto degli elementi della pagina scorre verso l'alto o verso il basso.

Aggiungi parallasse all'immagine di sfondo

1. Fai clic sull'icona Sfondo nel menu a sinistra.
   
   
2. Aggiungi la tua immagine di sfondo come al solito.
   
   
3. Fai clic sul pulsante Impostazioni per aprire le Impostazioni immagine.
   
   
4. Scegli una delle tre opzioni per gli Effetti di scorrimento.
   
   
   • Nessuno: lo sfondo si sposta alla stessa velocità degli altri elementi della pagina.
     
     
   • Parallax: lo sfondo si sposterà più lentamente degli altri elementi nella pagina.
     
     
   • Congela: lo sfondo rimarrà al suo posto ma gli altri elementi scorreranno.
     
     

Aggiungi Parallax a Strip Image o Video

1. Seleziona la striscia e scegli Cambia sfondo striscia dal menu a comparsa.
   
   
2. Aggiungi immagine di sfondo o video come al solito.
   
   
3. Fai clic sul pulsante Impostazioni per aprire le Impostazioni immagine.
   
   
4. Successivamente, scegli Parallax dagli Effetti di scorrimento.
   
   

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