この記事は賞味期限切れです。(更新から1年が経過しています) CSSスプライトを使用したアニメーションライブラリは既に色々と選択肢がありそうですが、 敢えて今回これを書いてみたのは、ローテクでごくシンプルな物が欲しかったから。 さらに言ってみれば、それらの選択肢をまだ知らなかったから。 MovieCrop.jsについて MovieCrop.js via Github MovieCrop.jsは、CSSのbackground-imageを利用したアニメーションを実装するjQueryプラグインです。 名前から推察されるように、ActionScriptのMovieClipを模して作った…つもりです。 再生/逆再生/停止/巻き戻しが出来ます。 簡単な使い方 まず使用する画像を作成し、ブロック要素の背景にします。 要するにブロック要素のサイズの分だけ背景をズラしていってアニメーションさせる仕組みなの
![シンプルなスプライトアニメーションライブラリ 「MovieCrop.js」 - Mach3.laBlog](https://cdn-ak-scissors.b.st-hatena.com/image/square/07d0fae2c61a62fe3805cccab6c8d102b34e5de7/height=288;version=1;width=512/https%3A%2F%2Flh3.googleusercontent.com%2F-QGbdmsg8mF0%2FT6PrWR_CuMI%2FAAAAAAAABgM%2FTcIIW8iRdr0%2Fs400%2F20120504-01.png)