Wix.com je webový tvůrce cloudů, který se stal docela úspěšným. Když uvažujete o webech vytvořených pomocí editoru drag and drop, nemyslíte obvykle na animaci bez pluginů. Wix Editor má některé vestavěné animační funkce.
Všechny animace, které budeme zkoumat, jsou volitelné, ale velmi snadno použitelné. Wix však zmiňuje, že se tyto animace nespouštějí na tabletech a jiných mobilních zařízeních. Wix to dělá pro zlepšení doby odezvy webových stránek na těchto zařízeních.
S tím z cesty, pojďme se podívat na některé z těchto animací. Každá z těchto animací je přidána do libovolného objektu na webové stránce, jako je text nebo obrázek. Například k názvu na webové stránce můžeme přidat jednoduchou animaci.
Nejprve vyberte objekt titulu.
V rozbalovací nabídce klikněte na ikonu Animovat.
Získáte nové vyskakovací okno s mnoha animacemi, ze kterých si můžete vybrat. Stačí umístit kurzor na libovolnou miniaturu a zobrazit náhled animace přímo v editoru.
Odskočit
Klouzat
Fade-in
Float-in
Rozbalte
Spin-in
Letět v
Odevzdat
Arc-in
Vdechnout
Skládat
Převrácení
Odhalit
Zasunutí
Jakmile vyberete animaci, můžete kliknout na tlačítko Přizpůsobit v dolní části okna. V novém okně máte několik nastavení v závislosti na výběru animace.
Směr Můžete nastavit, aby se animace na stránce přehrávala několika směry.
Z vrcholu
Z centra
Z dna
Zprava
Zleva
Trvání (v sekundách) Pomocí posuvného ovladače můžete prodloužit nebo zkrátit dobu trvání. Prodloužení doby trvání animace zpomalí a zkrácení doby trvání urychlí animaci.
Zpoždění (v sekundách) Mohou nastat situace, kdy nechcete, aby se animace přehrávala okamžitě, jakmile se stránka načte. Příkladem toho je, když máte několik animací, které se přehrávají v sekvenci. V takovém případě můžete pomocí posuvného ovládacího prvku přidat zpoždění před přehráváním animace na stránce. Nastavením jiného zpoždění pro každou animaci se zdá, že se budou přehrávat postupně.
Pouze Animate First Time Kliknutím na toto tlačítko nastavíte, aby se animace přehrávala pouze při prvním načtení stránky. Většinou budete chtít tuto možnost použít.
Animaci můžete také přidat do skupiny objektů. Jakmile tyto objekty seskupíte, jednoduše přidejte animaci, jako kdyby tato skupina byla jedinečným objektem.