Wix Parallax efekt

• Smět 9, 2024

Jedna pěkná animace nalezená na webových stránkách Wix je efekt posouvání paralaxy. Nejde o skutečnou animaci, ale na vaši webovou stránku přidává iluzi pohybu, hloubky a dimenze.

Tento efekt je populární již několik let a je to hezký způsob, jak přidat malý zájem na webové stránky, aniž byste přidali ohromující animaci. Posun parallaxu je vytvořen, když řeknete prohlížeči, aby posouval obrázek na pozadí pomaleji než ostatní prvky na stránce. Jak byste očekávali, efekt posouvání je skvělý pro tyto dlouhé jednostránkové webové stránky.

Tato technika je vytvořena pomocí prvků JavaScript, CSS a div. Nezapomeňte, že většina mobilních zařízení má problém s pevným CSS na pozadí. Wix tak vypíná efekt pro mobilní zařízení.

Ale při vytváření webových stránek Wix není zahrnuto žádné kódování. Je to stejně snadné jako výběr možnosti Parallax pro obrázek na pozadí nebo obrázek pruhu. Může být také přidán do pásového videa.

Bez posouvání paralaxou se bude obrázek pozadí webové stránky pohybovat v souzvuku s ostatními prvky na stránce, zatímco prohlížeč posouvá stránku.

Když však použijeme efekt posouvání Parallaxu na obrázek na pozadí, obrázek na pozadí se posouvá pomalu, když prohlížeč posouvá stránku. Dimenze se objevuje, protože ostatní prvky na stránce se posouvají rychleji než obrázek na pozadí.

Třetí možnost, možnost Zmrazit, pro obrázek na pozadí Volby Posunutí efektů je uzamknout obrázek na místě, protože ostatní prvky stránky se posouvají nahoru nebo dolů.

Přidejte Parallax k obrázku na pozadí

1. V nabídce vlevo klikněte na ikonu Pozadí.
   
   
2. Jako obvykle přidejte obrázek na pozadí.
   
   
3. Klepnutím na tlačítko Nastavení otevřete Nastavení obrazu.
   
   
4. Vyberte jednu ze tří možností pro efekty posouvání.
   
   
   • Žádné - pozadí se bude pohybovat stejnou rychlostí jako ostatní prvky na stránce.
     
     
   • Paralaxa - pozadí se bude pohybovat pomaleji než ostatní prvky na stránce.
     
     
   • Zmrazit - pozadí zůstane na místě, ale ostatní prvky se posouvají.
     
     

Přidejte paralaxu do stripu nebo videa

1. Vyberte pruh a z rozbalovací nabídky vyberte Změnit pozadí pruhu.
   
   
2. Jako obvykle přidejte obrázek nebo video na pozadí.
   
   
3. Klepnutím na tlačítko Nastavení otevřete Nastavení obrazu.
   
   
4. Dále vyberte Parallax z Scroll Effects.
   
   

Video Návody: Parallax Scrolling | Easily add stunning scrolling effects to your Wix website (Smět 2024).