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. Frappe Charts

    JavaScript

    シンプルでモダンなSVGチャートを実装できる「Frappe Charts」

    Frappe Chartsは、シンプルでモダンなSVGチャート(グラフ…

  2. no-image

    JavaScript

    スライダータイプの質問フォーム実装「jquery.formslider」

    jquery.formsliderはスライダータイプによる質問フォーム…

  3. no-image

    JavaScript

    豊富なオプションでカスタマイズ性も高いjQueryスライダー「startVal」

    startValは豊富なオプションやAPIを有したカスタマイズ性の高い…

  4. Los Scrollos

    JavaScript

    シンプルで滑らかな水平スクロール実装「Los Scrollos」

    Los Scrollosはシンプルで滑らかな水平スクロールを実装できる…

  5. Fancy Input

    JavaScript

    かっこいいエフェクトのテキスト入力を実装できる「Fancy Input」

    Fancy Inputは、かっこいいエフェクトを備えたテキスト入力を実…

最近の記事

  1. JOK-350 WH
  2. 1460 COLLAR ウォータープルーフ 8ホールブーツ
  3. スターバックス ハウスブレンド

アーカイブ

PAGE TOP