Ritiniet un animējiet savu lapu ar Force.js palīdzību

Web animācija ir vieglāka nekā jebkad agrāk tīras CSS3 animācijas kļūt par normu. Bet, JavaScript joprojām ir ļoti vērtīgs un tā ir viena no nedaudzajām uzticamajām valodām tehniskām animācijām.

The Force.js bibliotēka ir bezmaksas atvērtā pirmkoda skripts, kas veidots apkārt dinamiskas lapas animācijas.

Varat izveidot ritināšanas lēciena animācijas pašā lapā, vai jūs varat animēt elementus ap lapu. Abas ir tikpat vienkārši uzstādītas, un bibliotēkā ir vairākas funkcijas.

Pēc noklusējuma Force.js balstās uz CSS pārejām kad vien iespējams. Tie ir strādāt visās mūsdienu pārlūkprogrammās un kods ir daudz vienkāršāks, kā arī sniedz plašāku atbalstu lietotājiem, kuri neļaujiet JavaScript.

Bibliotēka izmanto a dabiska rezerves metode ar JavaScript kodu, tāpēc tas ir drošs arī vecākiem pārlūkiem.

Un, Force.js ir vaniļas bibliotēka, tāpēc tā neprasa nekādas atkarības piemēram, jQuery. Bet, ja jums patīk jQuery, jūs varat palaist šo sintaksi Force un tas joprojām strādā tikai labi. Lieliska daudzpusībai ar dažādām vietnēm.

Divas lielās animācijas metodes ir lec un pārvietojas. Jūs nosakāt, kur kustas elements, cik ātri tas kustas, un kādus atvieglošanas veidus.

Bibliotēkā ir arī ķekars pasūtījuma opcijas jūs varat uzvilkt, lai vēl vairāk kontrolētu animācijas. Jūs varat rediģēt enkura saites mērķus un izveidojiet nepieciešamos palīglīdzekļus-pat tad, ja vienā lapā vēlaties izmantot dažādus atvieglojumus!

Visi dokumenti ir pieejams GitHub, kopā ar failiem.

Vai arī, ja vēlaties, lai jūs varētu izmantot npm / Bower velciet failus tieši tādā veidā. Jums tikai vajag iekļaut to force.js failu savā galvenē un jums būs labi iet.

Es arī iesaku dokumentēt, jo tas ir pilns piemēri lēkt () un kustēties() metodes.

Viņi abi pieņemt argumentus par laiku, atvieglojumu un pozīciju, tāpēc ir svarīgi saprast, kā šie darbi darbojas. Lai gan, tiklīdz jūs to saņemsiet, jūs nekad nepamanīsiet, jo tas ir ideāls viegls animācijas bibliotēka jebkuram projektam.