Wix Parallax Effect

• Lehet 21, 2024

A Wix webhelyein található egyik szép animáció a parallaxis görgetés hatása. Ez nem egy igaz animáció, de hozzáadja a mozgás, a mélység és a dimenzió illúzióját a weboldalához.

Ez a hatás évek óta népszerű és jó módszer egy kis érdeklődés felkeltésére egy weboldalon anélkül, hogy túlterhelő animációt kellene hozzáadnia. A Parallax görgetés akkor jön létre, amikor azt mondja a böngészőnek, hogy lassabban görgessen a háttérképet, mint az oldal többi eleme. Mint várható lenne, a görgetési hatás nagy a hosszú, egyoldalas webhelyeknél.

Ezt a technikát JavaScript, CSS és div elemekkel hozzák létre. Fontos megjegyezni, hogy a legtöbb mobil eszköznek problémája van a rögzített háttér CSS-sel. Tehát Wix kikapcsolja a mobil eszközökre kifejtett hatást.

A Wix webhely létrehozásakor azonban nincs kódolás. Olyan egyszerű, mint a Parallax opció kiválasztása háttérkép vagy csíkképhez. Felvehető egy csíkkal készített videóba.

A párhuzamos görgetés nélkül a weboldal háttérképe egyhangban mozog az oldal többi elemével, miközben a néző görget az oldalon.

Amikor azonban a Parallax görgetési hatást alkalmazzuk a háttérképre, a háttérkép lassan gördül, miközben a néző görget az oldalon. A dimenzió akkor fordul elő, amikor az oldal többi eleme gyorsabban gördül le, mint a háttérkép.

A harmadik lehetőség, a Freeze (Háttérkép) opció a háttérkép Scroll Effects opcióinak, hogy rögzítse a háttérképet a helyén, mivel az oldal többi eleme felfelé vagy lefelé görget.

Adjon hozzá Parallax-ot a háttérképhez

1. Kattintson a Háttér ikonra a bal oldali menüben.
   
   
2. A szokásos módon adja hozzá a háttérképét.
   
   
3. Kattintson a Beállítások gombra a Képbeállítások megnyitásához.
   
   
4. Válasszon a három lehetőség közül a Scroll Effects közül.
   
   
   • Nincs - a háttér ugyanolyan sebességgel mozog, mint az oldal többi eleme.
     
     
   • Parallax - a háttér lassabban fog mozogni, mint az oldal többi eleme.
     
     
   • Fagyasztás - a háttér a helyén marad, de a többi elem gördül.
     
     

Adja hozzá a Parallax elemet a kép vagy videó szalagjának

1. Válassza ki a csíkot, és válassza a felbukkanó menüben a Csík háttér módosítása lehetőséget.
   
   
2. A szokásos módon adjon hozzá háttérképet vagy videót.
   
   
3. Kattintson a Beállítások gombra a Képbeállítások megnyitásához.
   
   
4. Ezután válassza a Parallax elemet a Scroll Effects közül.
   
   

Video Utasításokat: Parallax Scrolling | Easily add stunning scrolling effects to your Wix website (Lehet 2024).