Veidojiet Cool CSS animācijas viegli ar Animista

Tur ir tonnas CSS animācijas tīmekļa lietotņu tiešsaistē. Taču ļoti maz ir salīdzinājums ar detalizācijas pakāpi un lietošanas ērtumu Animista.

Šī bezmaksas tīmekļa lietotne ļauj jums izveidojiet pielāgotus CSS animācijas ar vienu klikšķi. Jūs izvēlaties starp iepriekš sagatavotām kustībām, piemēram, slaidiem, pārveidojumiem, šūpolēm un pat ēnu pilienu animācijām.

Kad esat izveidojis savu animāciju, varat eksportēt kodu tāpat kā ar citiem CSS ģeneratoriem. Izņemot, šis kods ir daudz vieglāk strādāt ar un pat nāk ar iebūvētu minifier rīku.

Sākotnēji saskarne var justies mulsinoši, bet tikai tāpēc, ka jums ir daudz iespēju!

Jūs veidojat pielāgotas animācijas pēc trim galvenajiem soļiem un izmantojot saskarni no augšas uz leju:

1. Izvēlieties kustības stilu (šūpošanās, slaidu, flip-mēroga) no apļiem augšpusē
2. Pielāgojiet to ar dažādiem kustības veidiem apakšā
3. Rediģējiet savas animācijas iespējas peldošā kreisās puses opciju joslā

Ar šo procesu jūs varat mainīt animācijas kopējo ilgumu, atvieglojošo stilu, kavēšanos, diezgan daudz. Un tas viss darbojas caur tīru CSS3, kas padara to vēl iespaidīgāku.

Piezīme arī pašā augšējā joslā var pat izvēlēties dažāda veida animācijas mērķa stili.

The noklusējums ir “pamata” kas var strādāt diezgan daudz (hover, click, vai tūlītēja animācija). Citi mērķi ietver lapas teksts, fona animācijas un pat pielāgotas ieejas animācijas lai apskatītu slēptās lapas elementu.

Man īpaši patīk “uzmanību” saite augšpusē, kurai ir dažas atdzist kratīšanas un nervozitātes efekti pogas stiliem. Tie darbojas lieliski, izmantojot CTA pogas, lai piesaistītu uzmanību un veicinātu lietotāju mijiedarbību.

Kad esat pabeidzis veikt korekcijas, jūs vienkārši noklikšķiniet uz mazās kronšteinas ikonas priekšējā paneļa labajā augšējā stūrī.

Tādējādi tiek parādīta jauna lapa pilna CSS animācijas klase kopā ar atslēgas rāmjiem. Izvēles iespējas ļauj jums kodu un ietver automātisko prefiksu kas atbalsta vecākas tīmekļa pārlūkprogrammas.

Esmu izmantojis tonnas pasūtījuma CSS animācijas rīku un, bez šaubām, Animista ir visvairāk iezīme bagāts rīks. Tas ir pilnīgi bezmaksas un mazliet sarežģīts sākumā, bet, kad jūs saprotat saskarni, tas ir pats labākais ģenerators, ko varat izmantot.

Lai to izmēģinātu, apmeklējiet mājas lapu un noklikšķiniet uz “Izmēģini mani”. Varat arī dalīties savās domās un komplimentos ar tīmekļa lietotnes veidotāju @ ana108.