Anime.js - 軽量のJavaScriptアニメーションライブラリ

Webアニメーション 長い道のりを歩んできました。開発者はCSS / SVG / JSのコンボを使ってアニメーションを作ることができるだけでなく、 何十もの無料ライブラリ プロセスの時間を節約する.

私のお気に入りの一つは Anime.js, 完全に無料のオープンソース JavaScriptアニメーションライブラリ.

このライブラリは 全部やる. それは JavaScriptで構築された しかしそれも CSSアニメーションに大きく依存している. 個々のページ要素をターゲティングできます DOM経由 またはあなたもターゲットにすることができます カスタムSVG.

すべてのドキュメントは GitHubでセルフホスト, だからあなたは正確にあなたが探しているものを見つけるためにスクロールする必要があるかもしれません。しかし各アニメーション機能 いくつかのパラメータが付属しています 遅延、期間、緩和など.

このライブラリに注意してください 来ない 多くのデフォルトのアニメーションスタイルで。 Anime.jsは 開発者向け アニメーションをカスタマイズしたい人 冗長なコードを書かずに.

のために 実例, 下のCodepenペンをチェックしてください。コードは 非常に単純な しかし、あなたは信じられないほどのアニメーションを得ます スカッシュ＆ストレッチ プラス 期待, アニメーションの両方の基本.

公正な警告：Anime.jsライブラリは 濃い. カスタムアニメーションを作成するのはそれほど難しくありませんが、する必要があります。 いくつかの基本を理解する コールバックとオプションのためのイージングと一般的なJavaScriptシンタックスのようなもの.

しかし 必要なすべての情報 上にあります レポページ, 含む たくさんのコードサンプル そして 詳細なドキュメント表. また、開いているバグレポートを閲覧したり、現在含まれているブラウザのサポートを確認したりできます。 すべての主要ブラウザとIE 10+.

これは簡単にWeb開発者にとって最高のアニメーションライブラリの1つであり、それはあなたにとって最適なソリューションです。 複雑なウェブアニメーション.

たくさん見る 実例, CodePenでホストされているAnime.jsデモのこのコレクションをチェックしてください。以下に、私のお気に入りを埋め込んだ ロゴ全体を最初からアニメートする, 本当の活力で.