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. Yamm 3

    JavaScript

    メガメニューをBootstrap3で実装する「Yamm 3」

    Yamm 3はメガメニューをBootstrap3を使って実装することが…

  2. RefineSlide

    JavaScript

    多数のエフェクトが素敵!レスポンシブ対応のjQueryスライダー「RefineSlide」

    多数のエフェクトがあってレスポンシブWebデザインにも対応しているスラ…

  3. Jquery modal box plugin
  4. shCircleLoader
  5. Bar Indicator

    JavaScript

    数値をインジケーターで見やすく表示できる「Bar Indicator」

    Bar Indicatorは数値をインジケーターで表示させることができ…

  6. no-image

    JavaScript

    タッチフレンドリーでモバイルでも快適に動作する「simplelightbox」

    simplelightboxはレスポンシブ対応でタッチフレンドリーなl…

最近の記事

  1. 簡易アクセス
  2. SOUNDLINK MINI II Special Edition
  3. メリーストロベリーケーキフラペチーノ

アーカイブ

PAGE TOP