読み飛ばして良いまえがき Webサイトetc.で、ちょっとしたアニメーションを使おうとした時、おそらくアニメーションGIFやAPNGが真っ先に候補にあがり、これは確かに簡単に扱えて便利です。ただ、1回の再生のみ、開始と終了をちゃんと制御するという条件になると話は少々変わってきます。 アニメーションGIFの場合、ちゃんと再生開始を制御しようとすると、キャッシュが邪魔をする環境があるので、JavaScript etc.でキャッシュよけが必要になります。また、再生終了に関してもあらかじめ何かで取得していた再生時間から、おそらく終わったであろうタイミングで処理をさせるということになります。 また途中で一時停止や、その一時停止したタイミングからの再生etc.も難しいです。 さて一方、CSSスプライトで行うアニメーションは、外部ファイル自体は単なる静止画で、それをCSSを使って上手くパラパラまんがにす