Využití animací ve WebEditoru
Chcete si vizuálně vylepšit obsah své webové stránky? Zkuste přidat animace!
Pomocí animací můžete svou stránku vytvořenou ve WebEditoru oživit poutavými vizuálními efekty. Stačí otevřít nastavení komponenty, vybrat animační efekt a okamžitě si jej prohlédnout. Každá komponenta může mít svou vlastní animaci, kterou můžete přizpůsobit svému stylu – máte tak nekonečné možnosti, jak na web přidat osobní nádech.
Obsah článku:
Proč na své webové stránce používat animace
Animace lze využít různými způsoby a k mnoha účelům. Můžete je použít k upoutání pozornosti na konkrétní položky nebo k podpoře interakce s prvky (například tlačítky nebo odkazy na sociální sítě). Také je můžete je kreativně využít k oživení obsahu. Bez ohledu na jejich využití jsou animace účinným způsobem, jak si vytvořit osobní a profesionálně vypadající web.
Chcete vidět některé z efektů v akci? Podívejte se na GIF níže. Na této stránce jsme přidali různé efekty do textů, tlačítek i rámečků.
Přidávání animací do komponent ve WebEditoru
Animace můžete ve WebEditoru přidat do následujících komponent:
- Text
- Obrázky
- Rámečky
- Tlačítka
- Ikony
- Ikony sociálních sítí
- Loga
Nastavení animace si můžete otevřít kliknutím na kartu Upravit, která se zobrazí v horní nebo dolní části komponenty po kliknutí na ni.
Zde je příklad použití animačních efektů na textu:
- Vyberte komponentu a klikněte na tlačítko Upravit text v horní nebo dolní části komponenty.
- V plovoucím menu klikněte na položku Animace.
- Posuňte přepínač Přidat animace do polohy ZAPNUTO.
- V části Efekt animace můžete z rozbalovacího menu vybrat efekt. Vyberte si mezi efekty Zeslabení, Posun nebo Odraz.
- Pokud vyberete Zeslabení nebo Posun, můžete si vybrat i směr animace. Jedná se o směr, ze kterého se animace zobrazí na obrazovce. V rozbalovacím menu si můžete vybrat mezi možnostmi ze středu, shora, zdola, zleva nebo zprava.
- Můžete si vybrat také rychlost animace. Může být rychlá (300 ms), středně rychlá (600 ms) nebo pomalá (1000 ms).
- Vyberte, zda má být animace zpožděna, a pokud ano, jak dlouhé má zpoždění být.
- Uložte změny a zkontrolujte si animaci v Náhledu. V editoru se nepřehraje.
- Opakujte výše uvedený postup s ostatními komponenty, do kterých chcete animace přidat.
Poznámka: Animace se přehraje jen jednou při načítání stránky. To také znamená, že se znovu nezobrazí, pokud návštěvník webu přejde na stránku zpět.