商品紹介風のアニメーション

画像は 電脳玩具屋ベルモ から拝借。
カーソルを画像に当てると、タイトルとコメントがアニメーションする。普通は、Flashを使う ところなのだろうが、このぐらいならば SVG を使ってもできるよ、という例。
ただし、画像のタイミングとか配置の計算なんてのは、Flash のエディタのほうが 断然使いやすいし便利。SVG でも適当なアニメーション用のエディタがあれば、 かなりのところまでいけるんじゃないかな、と思う。
ちなみに、ここでの動きは Javascript を一切使わず、animate タグのみで実装している。 アニメーションの開始を追うのがなかなか難しいが、これも専用のエディタがあれば 無理なくいけると思う。 アニメーションの開始は mouseover にして、終了を mouseout にしている。
Adobe SVG Viewer の特性かもしれないが、結構アニメーションは CPU パワーを喰う。 なので、アニメーションの繰り返しを永遠（indefinite）にしておくと、CPU の パワーが 100% 使用のままになってしまうので、忘れずに fill="remove" させて おく必要がある。