V kontextu webového designu se paralaxa na pozadí týká chování, při kterém se pozadí pohybuje pomaleji než popředí. Elementor (pro verze) přichází s funkcí, která vám umožňuje přidat tento druh pozadí.
Pokryjeme to zde.
Možná budete mít trochu problém s přidáním pozadí paralaxy Elementor auto Elementor výslovně nepoužívá výraz „paralaxa“. Místo toho přidejte pozadí paralaxy Elementor, můžete použít rolovací efekt na pozadí, ke kterému chcete přidat efekt paralaxy. Pozadí, které zde máme na mysli, je pozadí sekce nebo pozadí sloupce.
V případě, že s paralaxou začínáte, podívejte se na následující příklad a všimněte si obrázku na pozadí. Toto je příklad efektu paralaxy.
Řekli jsme, že paralaxový efekt se týká pozadí a popředí s různou rychlostí pohybu. Ve skutečnosti tomu tak vždy není. Místo pohybu může webový designér použít různé efekty, jako je rozostření, průhlednost nebo měřítko. Samotný Elementor nabízí 6 různých efektů:
- Vertikální rolování: Pozadí se při rolování myší pohybuje svisle
- Horizontální rolování: Pozadí se při rolování myší pohybuje vodorovně
- Průhlednost: Pozadí se před rolováním myší zobrazí jako průhledné
- Rozmazané: Před posouváním myší se pozadí jeví rozmazané
- Otáčení: Pozadí se otáčí při rolování myší
- žebřík: Pozadí se zobrazí v určitém měřítku před rolováním myší
Jak aplikovat Scroll Effect v Elementoru
Jak jsme zmínili, pozadí paralaxy můžete aplikovat buď na sekci nebo na sloup. Vyberte proto sloupec nebo úsek, na který chcete efekt paralaxy aplikovat.
Přejděte na kartu Styl a otevřete blok Pozadí. Nastavte typ pozadí na klasický a vyberte obrázek, který chcete použít jako pozadí a povolte možnost Efekty posouvání.
Nastavte polohu a velikost obrázku na pozadí a poté vyberte efekt paralaxy, který chcete použít, kliknutím na ikonu tužky v jedné z dostupných možností efektu paralaxy.
Pokud chcete, můžete povolit více efektů paralaxy.
Tady je. Můžete pokračovat v úpravách stránky nebo šablony. Jakmile budete hotovi, můžete publikovat nebo jej aktualizujte.
