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 Star Flashing Effect
  2. flipLightBox
  3. no-image

    JavaScript

    多彩な方向に表示できるツールチップ「jq-tooltip」

    jq-tooltipは多彩な方向に表示可能なツールチップを実装できるj…

  4. no-image

    JavaScript

    HTML要素を回転させれる「jquery-ui-rotatable」

    jquery-ui-rotatableはHTML要素を回転させれるjQ…

  5. no-image

    JavaScript

    セクション間をスムーズにスクロールできる「Scroll Control」

    Scroll Controlはセクション間をスムーズにスクロールできる…

  6. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP