Animace webových stránek

Animace webových stránek lze použít k přidání vizuálních efektů při načítání stránky, jako je zatmívání, zatmívání, zmenšení a další. To dodá vašemu webu šmrnc, když uživatel posouvá stránky.

Pro různé prvky vašeho webu můžete vybrat různé styly animace.

V tomto článku:

  1. Animace webových stránek
  2. Prvky webových stránek
  3. Styly animace
  4. Rychlost animace

Upravit animaci webu

Animace mohou učinit web vizuálně zajímavým a oživit všechny prvky, které jsou na webu přítomny. Vytvářejí pro uživatele poutavější a pohlcující zážitek.

  • Klikněte na Animace (3) možnost.

Zde uvidíte všechna dostupná nastavení pro správu a přizpůsobení animací pro prvky vašeho webu.

Tipy

  • Ve výchozím nastavení Posuňte nahoru animace bude aplikována na celý web.
  • vybrat Nevyplněno pokud chcete zakázat animace.


Různé prvky webu

Pixpa vám umožňuje aplikovat animace na následující prvky vašeho webu:

  1. Obrázky: Přidejte ke svým obrázkům pohyb, abyste upoutali pozornost návštěvníků.
  2. Nadpis H1: Použijte animace, aby hlavní nadpisy vynikly.
  3. Nadpisy H2: Animujte podnadpisy nebo menší názvy, abyste zlepšili tok svého obsahu.
  4. Text: Oživte svůj obsah animací odstavců a popisů.
  5. Tlačítka: Zvýrazněte tlačítka s výzvou k akci pomocí poutavých efektů.

Ujistěte se, že trefíte Publikovat (6) pro uložení všech změn a jejich uvedení na web.


Styly animace

  1. Fade In –  Postupně odhaluje prvky zvyšováním její neprůhlednosti z průhledné na neprůhlednou.
  2. Posuňte nahoru – Plynulý pohyb prvků na obrazovce z nižší polohy do vyšší polohy.
  3. Zvýšit - Postupně zvětšuje velikost nebo měřítko prvku.
  4. Zmenšit – Postupně zmenšuje velikost nebo měřítko prvku.
  5. Odhalit - Postupné odhalování nebo odhalování prvků na obrazovce.

Hodnocení

vybrat Nevyplněno zakázat animaci pro tento konkrétní prvek.


Rychlost animace

Rychlost, kterou animace přechází z jednoho stavu do druhého. Určuje, jak rychle nebo pomalu dochází k animovaným změnám na obrazovce.

Na výběr jsou tři možnosti: Pomalé, střední a Rychle.

Hodnocení

Pokud používáte starou šablonu, nemusí se vám možnost Animace zobrazit. Je potřeba přepnout web na novou šablonu. Vědět více


Podívejte se na animaci Slide Up živě v akci:


Nenašli jste, co jste hledali?

Spojte se s odborníkem Pixpa.