Build Cool CSS animacije Jednostavno s Animista

Tamo su tona CSS animacije web aplikacije online. No, vrlo malo ih se uspoređuje s razinom detalja i lakoćom upotrebe Animista.

Ova besplatna web-aplikacija omogućuje vam generirati prilagođene CSS animacije klikom na gumb. Možete birati između unaprijed dizajniranih prijedloga kao što su slajdovi, transformacije, ljuljačke, pa čak i animacije za pad sjena.

Kada stvorite animaciju, možete izvoziti kôd kao i kod drugih CSS generatora. Osim toga, ovaj je kod mnogo lakše raditi, pa čak i raditi dolazi s ugrađenim alatom minifier.

Sučelje se u početku može zbuniti, ali to je samo zbog toga koliko imate opcija!

Izrađujete prilagođene animacije tri glavna koraka i korištenje sučelja od vrha do dna:

1. Odaberite stil pokreta (swing, slide, flip-scale) iz krugova na vrhu
2. Prilagodite ga različitim vrstama pokreta ispod
3. Uredite opcije animacije u plutajućoj traci s lijevim stranama

Kroz ovaj proces možete promijeniti ukupno trajanje animacije, stil opuštanja, kašnjenje, gotovo sve. I sve to radi preko čistog CSS3, što ga čini još impresivnijim.

Također imajte na umu da na vrhu navigatora možete birati između različite vrste stilova animacije.

zadano je “Osnovni, temeljni” koji mogu raditi na gotovo svemu (hover, klik ili neposredna animacija). Ostali ciljevi uključuju tekst stranice, pozadinske animacije, pa čak i prilagođene ulazne animacije prikazati skriveni element stranice.

Posebno mi se sviđa “pažnja” link na vrhu koji ima neke cool shake & jitter efekte za stilove tipki. Oni izvrsno funkcioniraju na CTA gumbima kako bi privukli pažnju i potaknuli interakcije korisnika.

Jednom kad završite s podešavanjima, vi samo kliknite ikonu male zagrade u gornjem desnom kutu okna pregleda.

Time se prikazuje nova stranica cijelu klasu CSS animacije, zajedno s ključnim okvirima. Neobavezne značajke omogućuju vam smanjite kod i uključiti automatski prefiks koji podržava starije web-preglednike.

Ive 'iskorišten tona prilagođenih CSS animacije alata i bez sumnje Animista je najviše značajka-bogata alat vani. To je potpuno besplatno i pomalo složeno u početku, ali kada shvatite sučelje, to je daleko najbolji generator koji možete koristiti.

Da biste pokušali, posjetite početnu stranicu i kliknite “Isprobajte me”. Svoje misli i pohvale možete podijeliti s tvorcem web-aplikacije @ ana108.