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

no-imageさまざまなデバイスに対応したパララックスを実装できる「PARALLAX」前のページ

テーブルのヘッダーを固定できるjQueryプラグイン「floatThead」次のページfloatThead

関連記事

  1. SimpleCalculadora

    JavaScript

    シンプルでカスタマイズもできる電卓「SimpleCalculadora」

    SimpleCalculadoraはシンプルでCSS、オプションなどで…

  2. JavaScript

    テキストに炎のようなエフェクトを追加してくれるjQueryプラグイン「jQuery Burn」

    テキストに炎のようなエフェクトを追加してくれるjQueryプラグイン「…

  3. AOS

    JavaScript

    スクロールに合わせていろんなアニメーションで表示できる「AOS」

    AOSはスクロールに合わせてフェードやフリップ、ズームなどのアニメーシ…

  4. Albe Timeline

    JavaScript

    JSONデータを用いたタイムライン実装「Albe Timeline」

    Albe TimelineはJSONデータを用いたカスタマイズ性の高い…

  5. Navigation

    JavaScript

    コンテンツを押し出してナビゲーションを表示する「Navigation」

    Navigationはコンテンツを押し出すかたちでナビゲーションを表示…

最近の記事

  1. 椿屋特製アイス珈琲
  2. 有栖川公園
  3. グーディオ オーガニックチョコレート(ミント)
  4. チキンバターマサラとシュリンプバターマサラ
  5. 恵比寿のダ・ミケーレのピザ

アーカイブ

PAGE TOP