Görgessen és animálja oldalát egyszerűen az Force.js használatával

A webes animáció könnyebb, mint valaha tiszta CSS3 animációk a normává válik. De, A JavaScript még mindig hihetetlenül értékes és ez az egyik kevés megbízható nyelv a technikai animációk számára.

A Force.js könyvtár egy ingyenes, nyílt forráskódú szkript, amely köré épült dinamikus oldal animációk.

Létrehozhat ugrás animációkat maga az oldal, vagy lehet animálni az elemeket az oldal körül. Mindkettő egyaránt egyszerű, és a könyvtár egy csomó funkcióval rendelkezik.

Alapértelmezés szerint a Force.js a CSS átmenetre támaszkodik amikor csak lehetséges. Ezek minden modern böngészőben és a kód sokkal egyszerűbb, és szélesebb támogatást nyújt a felhasználók számára ne engedélyezze a JavaScript-et.

A könyvtár a természetes tartalék módszer JavaScript kóddal, így biztonságos az idősebb böngészők számára is.

És a Force.js vanília könyvtár, így nem igényel függőségeket például a jQuery. De ha szereted a jQuery-t, futtathatod ezt a szintaxist Force felett, és még mindig jól fog működni. Nagyszerű a sokoldalúsághoz különböző weboldalakkal.

A két nagy animációs technika ugrások és mozog. Meghatározza, hogy hol mozog az elem, milyen gyorsan mozog, és milyen típusú könnyítő módszerek.

A könyvtár is rendelkezik egy csomó egyedi opció az animációk még jobban irányíthatók. tudsz szerkessze a horgonycsatlakozási célokat és állítsa be, hogy mely segédeszközökre lesz szüksége-még akkor is, ha ugyanazon az oldalon szeretné a különféle javításokat!

Az összes dokumentáció elérhető a GitHub-on, a fájlokkal együtt.

Vagy, ha inkább npm / Bower-et szeretne húzza közvetlenül a fájlokat úgy. Csak kell tartalmazza az egyiket force.js fájl a fejlécbe, és jó lesz menni.

Azt is javaslom, hogy a dokumentációt átfedjék, mert tele van példák a ugrás() és mozog() mód.

Mindketten érveket kell hozni az idő, a könnyítés és a pozíció tekintetében, ezért elengedhetetlen, hogy megértsük, hogyan működnek ezek a munkák. Habár, ha ezt le is kapod, soha nem fogod nézni, mert ez a tökéletes könnyű animációs könyvtár bármilyen projekthez.