AniX

JavaScript

優れたパフォーマンスと互換性を備えたアニメーションライブラリ「AniX」

AniXは優れたパフォーマンスと互換性を備えた軽量のアニメーションライブラリです。使い方も簡単で、umdバージョンやjQueryバージョンなどいくつかのバージョンが用意されています。

AniX

デモ

デモページでは複数のサンプルが用意されていて、各サンプルに設置された「click animate」というボタンをクリックすると、アニメーションが実行されます。

四角いボックスの形やカラーが変化したり、横に移動しながら伸びたり、回転しながら移動したりと、多彩なアニメーションによるデモ動作をチェックできます。

また、各サンプルには実際のコードも記述されているので、より理解しやすいと思います。コードはシンプルで使い方も簡単なので、手軽に利用できるのがいいですね。

AniX.to(element, time, toArgs)、AniX.fromTo(element, time, fromArgs, toArgs)、css transform、onComplete event、ease function、use classNameなど、いろんなタイプのアニメーションを実装することが可能です。

というわけで、パフォーマンスと互換性に優れた軽量なアニメーションライブラリ「AniX」のご紹介でした。ライセンスはBSDとのこと。

AniX

関連記事

  1. jQuery LoadingOverlay

    JavaScript

    多彩なローディング画面を実装できる「jQuery LoadingOverlay」

    jQuery LoadingOverlayは、カスタマイズ性に優れた多…

  2. LoadGo

    JavaScript

    画像をプログレスバー(ローディング)にできるjQueryプラグイン「LoadGo」

    LoadGoはサイト内にあるロゴなどといった画像をプログレスバー(ロー…

  3. stickUp
  4. Textualizer

    JavaScript

    テキストに様々なエフェクトを与えながら切り替わっていくjQueryプラグイン「Textualizer…

    フェードやスライドといった様々なエフェクトをテキストに与えながら切り替…

  5. Slinky

    JavaScript

    モバイルライクなナビゲーションメニューを実装できる「Slinky」

    Slinkyは軽量でレスポンシブに対応したモバイルライクなナビゲーショ…

最近の記事

  1. M360bt

アーカイブ

PAGE TOP