Sukurkite „Cool CSS“ animacijas lengvai su „Animista“

Yra tonų CSS animacijos žiniatinklio programų internete. Tačiau labai mažai palyginti su detalumo ir naudojimo paprastumo lygiu Animista.

Ši nemokama žiniatinklio programa leidžia jums generuoti pasirinktinius CSS animacijas paspaudus mygtuką. Galite pasirinkti iš anksto sukurtus judesius, tokius kaip skaidres, transformacijas, svyravimus ir net šešėlių lašas.

Sukūrę animaciją galite eksportuoti kodą kaip ir su kitais CSS generatoriais. Išskyrus šį kodą yra daug lengviau dirbti ir netgi Su įmontuotu reduktoriaus įrankiu.

Sąsaja iš pradžių gali jaustis paini, bet tik todėl, kad turite daug pasirinkimų!

Jūs sukuriate pasirinktines animacijas trimis pagrindiniais etapais ir naudojant sąsają Nuo viršaus iki apačios:

1. Pasirinkite judesio stilių (sūpynės, skaidrės, apversti) nuo apskritimų viršutinėje dalyje
2. Tinkinkite jį su skirtingais judesio tipais po
3. Redaguokite savo animacijos parinktis plaukiojančioje kairėje pusėje esančioje parinkčių juostoje

Per šį procesą galite keisti bendrą animacijos trukmę, palengvinimo stilių, vėlavimą, beveik viską. Ir viskas veikia per gryną CSS3, Tai dar labiau įspūdinga.

Taip pat atkreipkite dėmesį į pačią viršutinę navigacijos juostą, kurią galite pasirinkti skirtingų tipų animacijos stilių.

The numatytasis yra “paprastas” kuris gali dirbti beveik bet kas (pakimba, spustelėti arba nedelsiant animuoti). Kiti tikslai apima puslapio tekstas, foninės animacijos ir netgi individualios įėjimo animacijos parodyti paslėptą puslapio elementą.

Man ypač patinka “dėmesį” viršuje esanti nuoroda, kurioje yra keletas vėsių drebulių ir nervų efektų mygtukų stiliams. Šie veiksmai puikiai tinka CTA mygtukams, kad patrauktų dėmesį ir skatintų naudotojų sąveiką.

Kai baigsite atlikti pakeitimus, jūs tiesiog spustelėkite mažą laikiklio piktogramą viršutiniame dešiniajame peržiūros srities kampe.

Tai atveria naują puslapį visą CSS animacijos klasę kartu su raktų rėmeliais. Neprivalomos funkcijos leidžia kodą ir įtraukti automatinį prefiksą kuri palaiko senesnes žiniatinklio naršykles.

Aš naudojosi tonomis pasirinktinių CSS animacijos įrankių ir, be abejo, „Animista“ yra pats turtingiausias įrankis. Tai visiškai nemokama ir šiek tiek sudėtinga iš pradžių, bet kai suprantate sąsają, tai geriausias generatorius, kurį galite naudoti.

Jei norite išbandyti, apsilankykite pagrindiniame puslapyje ir spustelėkite “Išbandyk mane”. Taip pat galite pasidalinti savo mintimis ir komplimentais su žiniatinklio programos kūrėju @ ana108.