Główna » zestaw narzędzi » Przewiń i animuj swoją stronę łatwo dzięki Force.js

    Przewiń i animuj swoją stronę łatwo dzięki Force.js

    Animacja internetowa jest łatwiejsza niż kiedykolwiek wcześniej czyste animacje CSS3 staje się normą. Ale, JavaScript jest nadal niezwykle cenny i jest to jeden z niewielu niezawodnych języków do animacji technicznych.

    The Biblioteka Force.js to darmowy skrypt open-source zbudowany wokół dynamiczne animacje stron.

    Możesz tworzyć przewijane animacje skoków wewnątrz samej strony, lub możesz animować elementy wokół strony. Oba są równie proste w konfiguracji, a biblioteka ma mnóstwo funkcji.

    Domyślnie Force.js polega na przejściach CSS kiedykolwiek możliwe. Te pracować we wszystkich nowoczesnych przeglądarkach a kod jest o wiele prostszy, a także oferuje szersze wsparcie dla użytkowników, którzy nie zezwalaj na JavaScript.

    Biblioteka używa a naturalna metoda awaryjna z kodem JavaScript, więc jest także bezpieczny dla starszych przeglądarek.

    I Force.js jest biblioteką waniliową, więc to nie wymaga żadnych zależności takie jak jQuery. Ale jeśli kochasz jQuery, możesz uruchomić tę składnię w stosunku do Force, a to nadal będzie działać dobrze. Doskonały do ​​wszechstronności z różnymi stronami internetowymi.

    Dwie duże techniki animacji to skacze i porusza się. Określasz, w którym miejscu się porusza, jak szybko się porusza i jakiego rodzaju metody łagodzenia.

    Biblioteka też ma kilka opcji niestandardowych możesz dostosować, aby jeszcze bardziej kontrolować animacje. Możesz edytuj cele łącz kotwicy i skonfiguruj potrzebne funkcje-nawet jeśli chcesz różnych ułatwień na tej samej stronie!

    Cała dokumentacja jest dostępne na GitHub, wraz z plikami.

    Lub, jeśli wolisz npm / Bower, możesz ściągaj pliki bezpośrednio w ten sposób. Po prostu musisz włącz ten force.js plik do twojego nagłówka i będziesz dobry.

    Polecam również przeglądanie dokumentacji, ponieważ jest pełna przykłady dla skok() i ruszaj się() metody.

    Oni oboje weź argumenty za czasem, złagodzeniem i pozycją, dlatego ważne jest, aby zrozumieć, jak one działają. Chociaż po przejściu tego procesu nigdy się nie obejrzysz, jest to idealna lekka biblioteka animacji dla każdego projektu.