Build Cool CSS Animace Snadno s Animista

Existují tun CSS animace webových aplikací online. Ale jen velmi málo ve srovnání s úrovní detailů a snadností použití, se kterými se dostanete Animista.

Tato bezplatná webová aplikace vám umožní generování vlastních CSS animací klepnutím na tlačítko. Vyberete si mezi předem navrženými pohyby, jako jsou snímky, transformace, výkyvy a dokonce i animace stínové kapky.

Jakmile vytvoříte animaci, můžete exportovat kód stejně jako u jiných CSS generátorů. Kromě toho je tento kód mnohem snazší pracovat a dokonce Dodává se s vestavěným nástrojem pro minimalizaci.

Rozhraní se může nejprve cítit matoucí, ale to je jen kvůli tomu, kolik možností máte!

Vytváříte vlastní animace následující tři hlavní kroky a pomocí rozhraní shora dolů:

1. Vyberte styl pohybu (swing, slide, flip-scale) z kruhů nahoře
2. Přizpůsobte ho různými typy pohybu pod
3. Upravte možnosti animace v plovoucím levém panelu možností

Prostřednictvím tohoto procesu můžete změnit celkovou dobu animace, styl uvolnění, zpoždění, skoro všechno. A to všechno pracuje přes čistý CSS3, což jej činí ještě působivějším.

Všimněte si také nahoře na horní liště můžete dokonce vybrat mezi různé typy stylů animace.

výchozí hodnota je “základní” které mohou pracovat na téměř cokoliv (hover, click, nebo okamžitá animace). Další cíle zahrnují text stránky, animace pozadí, a dokonce vlastní vstupní animace přenést prvek skryté stránky do zobrazení.

Zvláště se mi líbí “Pozor” odkaz nahoře, který má nějaké cool shake a jitter efekty pro styly tlačítek. Tyto práce skvěle fungují na tlačítkách CTA, aby upoutaly pozornost a podpořily interakce uživatelů.

Až budete dělat úpravy, prostě klepněte na ikonu malé závorky v pravém horním rohu podokna náhledu.

Tím se zobrazí nová stránka svou plnou třídu animace CSS spolu s klíčovými snímky. Volitelné funkce vám umožní kód změňte a včetně automatického prefixu který podporuje starší webové prohlížeče.

Použil jsem tuny vlastních CSS animačních nástrojů a nepochybně je Animista tím nejbohatším nástrojem. Je to zcela zdarma a trochu složitější na první, ale jakmile pochopíte rozhraní, je to zdaleka nejlepší generátor, který můžete použít.

Chcete-li to zkusit, stačí navštívit domovskou stránku a kliknout “Zkus mě”. Můžete také sdílet své myšlenky a komplimenty s tvůrcem webové aplikace @ ana108.