最近ではブラウザ側も機材も進歩してきて、jsでアニメーションを作り込むという仕事も増えてきていると思います。今日紹介するのはWEB上のオブジェクトのアニメーションを簡単に制御できるjQueryプラグイン「animo.js」です。

こちらのプラグインはjsとcssで、簡単にアニメーションを指定のクラスやIDに付けていけるというものです。回転や移動の他、絵やテキストをボカシてフォーカスするなんてものもセットされていて、組み合わせ次第で色々な動きを表現できそうです。

詳しくは以下

画像だけではなくシステムフォントもぼかす事が可能

動かせば良いというものではありませんが、シンプルな動きだけでは得られない体験性を簡単に持たせる事ができます。jsでアニメーションを書かなければ行けない仕事には良いプラグインだと思います。

この「animo.js」、jQuery2以降で動作するみたいで仕事で保障しているブラウザの範囲によっては使えない可能性もありますので事前にご注意ください。

animo.js • Labs by Big Room Studios