【Motio】CSSスプライトベースのアニメーションを実装できるjQuery

http://darsa.in/motio/
Demo Page Download Page

CSSスプライトで配置した画像のFPS値やスピードを簡単にコントロールできます。

Lisence

MITライセンス

※ライセンスが変更される可能性がありますので、使用される際は必ずご自身でご確認ください。

Browser

01.Firefox02.Chrome03.Opera04.Safari07.InternetExplorer808.InternetExplorer909.InternetExplorer10

Tag

アニメーション

設置方法などの参考ページ

[JS]これは楽しい！FPS値の設定もできるスプライトベースのアニメーションを作成するスクリプト -Motio

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-motio.html

FPSとはFrames Per Secondの略で、1秒あたりのフレーム数のことです。 このFPS値やスピードを簡単に調整できるCSSスプライトベースのアニメーションを実装できるjQueryのプラグイ

公開日：2014.04.03

Related Posts

http://individual11.github.io/Scroll-To/#ease
【Scroll To】アニメーションスクロールをデフォルト化するjQueryプラグイン
Vex
【vex】レスポンシブ対応なモーダルウインドウを実装できるjQueryプラグイン
http://hakanersu.github.io/AmaranJS/
【AmaranJS】画像付きや半透明等の通知パネルを実装するjQueryプラグイン
jPages
【jPages】どんな要素にも簡単にページネーションを付けられるjQueryプラグイン
http://alvarotrigo.com/multiScroll/
【multiscroll.js】上下から画像がスクロールして合体するページ切り替えが実装できるjQueryプラグイン
http://jacksbox.de/stuff/jquery-fractionslider/
【FractionSlider】複数の要素をタイミングをずらしてアニメーションできるjQueryプラグイン
countUp
【countUp.js】数字のカウントアップをアニメーション表示できるシンプルなライブラリ
http://iamceege.github.io/tooltipster/
【Tooltipster】吹き出しをつけられるjQueryプラグイン
http://alvarotrigo.com/funnyText/
【funnyText.js】垂直・水平方向に文字が移動するアニメーションを実装するjQueryプラグイン
http://4coder.info/en/code/jquery-plugins/smart3d/
【Smart3D】複数の画像を使ったパララックスエフェクトを作成するjQueryプラグイン

Page Top