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.
Pozor!
Parallax efekt níže uvedený jako příklad funguje pouze při zobrazení na počítači. Není vidět v mobilním telefonu ani v tabletu. Zde je nastavený jako statický obrázek pozadí.
Vytvoření tohoto efektu je v zásadě opravdu velmi jednoduché a zabere jen malou chvíli.
Konkrétně zde 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/
