Wix Parallax effekt

• Kan 8, 2024

En dejlig animation, der findes på Wix-websteder, er parallax-rulleeffekten. Det er ikke en sand animation, men den tilføjer illusionen af ​​bevægelse, dybde og dimension til din webside.

Denne effekt har været populær i flere år og er en dejlig måde at tilføje en lidt interesse til et websted uden at tilføje en overvældende animation. Parallax-rulning oprettes, når du beder browseren om at rulle baggrundsbilledet i en langsommere hastighed end de andre elementer på siden. Som du kunne forvente er rulleeffekten stor for de lange websteder med én side.

Denne teknik er oprettet med JavaScript, CSS og div elementer. Bare en note at huske er, at de fleste mobile enheder har et problem med fast baggrund CSS. Så Wix slukker for effekten af ​​mobile enheder.

Men når du opretter dit Wix-websted, er der ingen kodning involveret. Det er så let som at vælge Parallax-indstillingen til et baggrundsbillede eller et stribebillede. Det kan også føjes til en stripevideo.

Uden parallax-rullening, der er anvendt, bevæger baggrundsbilledet til webside sig i unisont med de andre elementer på siden, når seeren ruller hen over siden.

Når vi anvender Parallax-rulleeffekten på baggrundsbilledet, ruller baggrundsbilledet imidlertid langsomt, når seeren ruller hen over siden. Dimensionen forekommer, mens de andre elementer på siden ruller hurtigere end baggrundsbilledet.

Den tredje mulighed, indefrysningen, for baggrundsbilledet Valg af rulleeffekter er at låse baggrundsbilledet på plads, mens resten af ​​sideelementerne ruller op eller ned.

Føj parallaks til baggrundsbillede

1. Klik på Baggrundsikonet i menuen til venstre.
   
   
2. Tilføj dit baggrundsbillede som sædvanligt.
   
   
3. Klik på knappen Indstillinger for at åbne billedindstillingerne.
   
   
4. Vælg en af ​​tre indstillinger for rulleeffekter.
   
   
   • Ingen - baggrunden bevæger sig i samme takt som de andre elementer på siden.
     
     
   • Parallax - baggrunden bevæger sig langsommere end de andre elementer på siden.
     
     
   • Frys - baggrunden forbliver på plads, men de andre elementer ruller.
     
     

Tilføj Parallax til Strip Image eller Video

1. Vælg strimlen, og vælg Skift strimmelbaggrund i pop op-menuen.
   
   
2. Tilføj baggrundsbillede eller video som normalt.
   
   
3. Klik på knappen Indstillinger for at åbne billedindstillingerne.
   
   
4. Vælg derefter Parallax fra rulleeffekter.
   
   

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