Vieritä ja animoi sivusi helposti Force.js n avulla

Web-animaatio on helpompaa kuin koskaan ennen puhdas CSS3-animaatio siitä tulee normi. Mutta, JavaScript on edelleen uskomattoman arvokas ja se on yksi harvoista luotettavista kielistä teknisille animaatioille.

Force.js-kirjasto on ilmainen avoimen lähdekoodin käsikirjoitus dynaamiset sivun animaatiot.

Voit rakentaa vierityshyppy-animaatioita itse sivun sisällä, tai voit animoida elementtejä sivun ympärille. Molemmat ovat yhtä helppokäyttöisiä ja kirjastossa on runsaasti ominaisuuksia.

Oletusarvoisesti Force.js luottaa CSS-siirtymiin aina kun mahdollista. Nämä kaikki nykyiset selaimet ja koodi on paljon yksinkertaisempi, ja se tarjoaa laajempaa tukea käyttäjille, jotka älä salli JavaScriptiä.

Kirjasto käyttää a luonnollinen varamenetelmä JavaScript-koodilla, joten se on turvallista myös vanhemmille selaimille.

Ja Force.js on vaniljakirjasto, joten se ei vaadi riippuvuuksia kuten jQuery. Mutta jos rakastat jQueryä, voit suorittaa tämän syntaksin Force: n yli ja se toimii edelleen hyvin. Erinomainen monipuolisuus eri sivustojen kanssa.

Kaksi suurta animaatiotekniikkaa ovat hyppyjä ja liikkuu. Voit määrittää, missä elementti liikkuu, kuinka nopeasti se liikkuu ja mihin tyyppisiin helpotusmenetelmiin.

Kirjastossa on myös joukko mukautettuja vaihtoehtoja voit säätää enemmän animaatioiden hallintaa. Sinä pystyt muokkaa ankkurilinkin tavoitteita ja perustaa tarvitsemasi työkalut-vaikka haluaisit erilaisia ​​apuvälineitä samalla sivulla!

Kaikki asiakirjat ovat GitHubissa, tiedostojen kanssa.

Tai jos haluat npm / Bower, voit vetää tiedostoja suoraan siten. Sinun tarvitsee vain sisältää yhden force.js tiedosto otsikkoon ja olet hyvä mennä.

Suosittelen myös asiakirjojen ohittamista, koska se on täynnä esimerkkejä hypätä() ja liikkua() menetelmät.

He molemmat ottaa argumentteja ajasta, helpottamisesta ja sijainnista, joten on tärkeää ymmärtää, miten nämä työt toimivat. Vaikka, kun saat tämän alas, et koskaan katso taaksepäin, koska se on täydellinen kevyt animaatiokirjasto mihin tahansa projektiin.