Parallax scroll efekt v Elementoru

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:

  1. u bloku si klikněte na tlačítko pro úpravu sekce
  2. klikněte na nastavení CSS
  3. vyberte pozadí a nahrajte obrázek
  4. 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/

Více článků o Elementoru

Celá kategorie je zde

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í.

Byl pro Vás tento článek užitečný?

Klikni na počet hvězd pro hlasování.

Průměrné hodnocení. 0 / 5. Počet hlasování: 0

Zatím nehodnoceno! Buďte první

Jak užitečný vidíte tento článek.

Sledujte mě na sociálních médiích.

Je mi líto, že pro Vás nebyl článek užitečný.

Jak mohu vylepšit článek?

Řekněte mi, jak jej mohu zlepšit.

newsletter

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.  

Odebírat
Upozornit na
guest
0 Komentáře/ů
Nejstarší
Nejnovější Nejvíce hlasováno
Vložené zpětné vazby.
Zobrazit všechny komentáře.

Pokud mi chcete napsat rychlou zprávu, využije, prosím, níže uvedený
kontaktní formulář. Děkuji.

Další Kontaktní údaje