Build Cool CSS Animacije Preprosto z Animista
Obstajajo ton spletnih aplikacij za animacijo CSS na spletu. Toda zelo malo jih primerja s stopnjo podrobnosti in enostavnostjo uporabe, ki jo dobite Animista.
Ta brezplačna spletna aplikacija vam omogoča ustvarjanje animacij CSS po meri s klikom na gumb. Izbirate lahko med vnaprej oblikovanimi predlogi, kot so diapozitivi, transformacije, gugalnice in celo animacije za padec senc.
Ko ustvarite animacijo, jo lahko izvozite kodo tako kot pri drugih generatorjih CSS. Razen tega je ta koda veliko lažje delati z in celo je opremljen z vgrajenim orodjem za izdelavo minifikatorjev.
Vmesnik se sprva počuti zmedeno, vendar je to le zaradi tega, koliko možnosti imate!
Ustvarjate animacije po meri tri glavne korake in uporabo vmesnika od zgoraj navzdol:
- Izberite slog gibanja (swing, slide, flip-scale) iz krogov na vrhu
- Prilagodite ga z različnimi tipi gibanja spodaj
- Uredite možnosti animacije v plavajoči vrstici z možnostmi leve strani
S tem postopkom lahko spremenite celotno trajanje animacije, slog popuščanja, zakasnitev, precej vsega. In vse to deluje preko čistega CSS3, kar je še bolj impresivno.
Upoštevajte tudi na vrhu navbar, ki ga lahko izberete različne vrste ciljnih stilov animacije.
The privzeto je “osnovno” ki lahko delajo na precej vsega (hover, klik ali takojšnja animacija). Drugi cilji vključujejo besedilo strani, animacije v ozadju in celo vhodne animacije po meri prikazati skriti element strani.
Še posebej mi je všeč “pozornosti” povezava na vrhu, ki ima nekaj kul stres & jitter učinke za stile gumb. Ti delujejo odlično na gumbih CTA, da pritegnejo pozornost in spodbudijo interakcije med uporabniki.
Ko končate s prilagajanjem, ste prav kliknite ikono male oklepaja v zgornjem desnem kotu podokna za predogled.
S tem se prikaže nova stran celoten razred animacije CSS, skupaj s ključnimi kadri. Izbirne funkcije vam omogočajo zmanjšali kodo in vključi samodejno predpono ki podpira starejše spletne brskalnike.
Sem uporabil ton meri CSS animacije orodja in brez dvoma Animista je najbolj funkcijo bogati orodje tam zunaj. To je popolnoma brezplačno in na začetku malo zapleteno, vendar ko enkrat razumete vmesnik, je to daleč najboljši generator, ki ga lahko uporabite.
Če želite poskusiti, obiščite domačo stran in kliknite “Preizkusi me”. Lahko tudi delite svoje misli in pohvale z ustvarjalcem spletne aplikacije @ ana108.