Stylie - bezmaksas CSS tīmekļa animācijas veidotājs

Ja cīnās ar CSS3 sintaksi un vēlaties vienkāršs veids, kā izveidot animācijas Stylie ir lielisks līdzeklis, lai saglabātu.

Tas ir viens no daudzajiem bezmaksas kodu ģeneratori koncentrējoties uz tīriem CSS animētiem efektiem. Stylie ir pilnīgi bez maksas un atvērts, tas tiek uzturēts GitHub un tiek darbināts ar atslēgvārdu bibliotēku Rekapi.

Rekapi bibliotēka izmanto JavaScript, tā ir alternatīva tīrai CSS. Un par laimi, Stylie tīmekļa lietotne atbalsta abas metodes, lai jūs varētu eksportēt kodu tīrā CSS vai JavaScript.

Pēc noklusējuma pirmā lapa ielādē pastāvīgu animācijas demonstrāciju ar lineāru animāciju. Ar to var spēlēt, rediģējot noklusējuma iestatījumi iekš Cilne Kustība vai rediģējot Keyframes cilne.

Atslēgu rāmju sarakstā varat pievienot jaunus atslēgu karkasus, rediģēt to kopējo ilgumu, un mainīt animācijas stilus, ieskaitot kustības, kas balstītas uz X / Y asi.

Pirmkārt, tas izskatīsies ļoti mulsinoši, it īpaši, ja jūs nekad neesat darījis keyframe animāciju. Tomēr, jo vairāk jūs spēlēsiet ar šo lietojumprogrammu, jo vairāk tas ir jēga.

Pēc noklusējuma jums būs tonna tonnu dažādas atvieglošanas iespējas lai to sajauktu un viņi visi ir ļoti viegli pielāgot.

The Kustības grafiks ir daudz grūtāk iemācīties, bet tas dod jums daudz lielāku kontroli pār savu animāciju. Stylie pat ļauj jums saglabāt pielāgotus kustības efektus un tos atkārtoti izmantot citu animāciju cilnē Atslēgu kārbas.

Ja es varētu sūdzēties par vienu lietu, tas ir tīmekļa lietotnes trūkst atsaucīga dizaina.

Es nevarēju iegūt visu lietotni, lai tas atbilstu manam 13 collu MacBook Pro ekrānam, pat ja pārlūks ir pilnībā palielināts. Tas var būt problēma, jo lapā nav vertikāla ritjosla, un daudzas no iespējām (piemēram, eksportētais kods) ir atrasti zemāka iestatījumu rūtī.

Bet, neņemot vērā šo nelielo kairinājumu, es saņēmu tā darbu tikai lielā monitorā. Un, eksporta kvalitāte tas ir kā nekas cits, kas atrodams tīmeklī.

Esiet laipni Stylie lietotnē, lai redzētu, kā tas darbojas, un mēģiniet pārdomāt dažas no opcijām. Kad esat izveidojis savu animāciju, varat eksportēt CSS vai JavaScript un izmantot to jebkuram projektam, kas jums patīk.

Ja jums ir grūtības apgūt saskarni, varat arī skatīties šo īso pamācību, kas aptver apmēram 9 minūtes un aptver visas galvenās iezīmes.