Koduleht » Toolkit » Kerige ja animeerige oma leht lihtsalt Force.js-iga

    Kerige ja animeerige oma leht lihtsalt Force.js-iga

    Veebi animatsioon on lihtsam kui kunagi varem puhtad CSS3 animatsioonid muutumas normiks. Aga, JavaScript on endiselt väga väärtuslik ja see on üks vähestest usaldusväärsetest keeltest tehniliste animatsioonide jaoks.

    The Force.js raamatukogu on vaba avatud lähtekoodiga skript, mis on ehitatud ümber dünaamilised lehekülje animatsioonid.

    Saate luua kerimisega hüpata animatsioone lehekülje sees, või saate animeerida elemente lehekülje ümber. Mõlemad on võrdselt lihtsad seadistada ja raamatukogu pakub palju funktsioone.

    Vaikimisi Force.js tugineb CSS-i üleminekutele võimaluse korral. Need töötada kõigis kaasaegsetes brauserites ja kood on palju lihtsam, lisaks pakub see kasutajatele laiemat tuge ärge lubage JavaScripti.

    Raamatukogu kasutab a loomulik varundamismeetod koos JavaScript-koodiga, nii et see on ka vanemate brauserite jaoks ohutu.

    Ja Force.js on vanilli raamatukogu, nii et see on ei vaja mingeid sõltuvusi nagu jQuery. Aga kui sa armastad jQuery-d, saate seda süntaksit käivitada Force ja see töötab ikka hästi. Suurepärane mitmekülgsuse tagamiseks erinevate veebisaitidega.

    Kaks suurt animatsioonitehnikat on hüppab ja liigub. Te otsustate, kus element liigub, kui kiiresti see liigub ja milliste leevendusmeetodite vahel.

    Raamatukogul on ka hulk kohandatud valikuid saate muuta animatsioone veelgi suuremaks. Sa saad redigeerige ankurlingi sihtmärke ja seadistage, milliseid töövahendeid vajate-isegi siis, kui soovite samal lehel erinevaid töövahendeid!

    Kõik dokumendid on saadaval GitHubis, koos failidega.

    Või kui soovid npm / Boweri, saate seda teha tõmmake failid otse Sedamoodi. Sa pead lihtsalt sisaldama seda force.js faili teie päisesse ja sa pead hästi minema.

    Soovitan ka dokumentatsiooni koorida, sest see on täis näiteid hüpata () ja liikuma () meetodid.

    Nad mõlemad võtke argumendid aega, leevendamist ja positsiooni, seega on oluline mõista, kuidas need tööd toimivad. Kuigi, kui sa selle alla jõuad, ei näe sa kunagi tagasi, sest see on ideaalse kerge animatsiooniraamatukogu mis tahes projekti jaoks.