Upraveno 6 prosince, 2023 06:26
S pozadím bloků v článku i na stránce se dají pomocí Elementoru dělat zajímavé efekty. Dnes bych se chtěl podívat na takový, který nechává na pozadí bloku statický obrázek, zatímco samotný blok se posouvá spolu se stránkou. Říká se mu parallax scroll efekt a vypadá takto.
Parallax scroll efekt v Elementoru
Vytvoření tohoto efektu je v zásadě opravdu velmi jednoduché a zabere jen malou chvíli. Pro onepage stránky ale může být neocenitelný jako designový prvek, který přiláká oči návštěvníků.
Konkrétně zde, v tomto případě, jde o nastavení pozadí bloku. Postup v bodech je takovýto:
- u bloku si klikněte na tlačítko pro úpravu sekce
- klikněte na nastavení CSS
- vyberte pozadí a nahrajte obrázek
- v části příloha zvolte “Pevná“
To je vše. V tuto chvíli bude mít daný blok statické pozadí, které se ani při pohybu bloku nahoru či dolů nepohne a vytváří tak efekt, že blok plynule klouzá po zvoleném pozadí.
Jak dobře se dá tento efekt využít při tvorbě webu, si můžete prohlédnout pro inspiraci zde: https://losttribetravel.com/
Web je vytvářen s pečlivostí k obsaženým informacím. Snažím se poskytovat kvalitní a užitečný obsah, který ostatním pomáhá, nebo je inspiruje. Pokud jste spokojeni s mou prací a chtěli byste mě podpořit, můžete to udělat prostřednictvím jednoduchých možností.
Odebírejte Newsletter
Buďte v obraze! Připojte se k odběru newsletteru a buďte první, kdo získá nejnovější informace přímo do vaší e-mailové schránky. Sledujte aktuality, exkluzivní události a inspirativní obsah, přímo na Vašem e-mailu.
