質問: このサイトのヘッダー部分のウサギのキャラクターイラストが動いているのですが どういった仕組みで動いているのでしょうか? HTMLソースを見ても全くわかりませんでした CMSの機能ですか?
回答: そのページで、 GoogleChrome のディベロッパーツールを開いて、 要素の中身を見ればすぐ分かるけど、 そのウサギのアニメーションは タグで動かしている。 は、 Javascript と連携して図形描画や画像などを描画できる要素で、 そのページでは、 下リンクのようにコマ割りした PNG 画像を、 上で1コマ分にトリミングして表示し、 表示するコマをミリ秒単位の短い時間周期で切り替えることで、 アニメーション表示している。 http://www.hitoeusagi.com/wp-content/themes/hitoeusagi-theme/assets... この 上のアニメーション動作は、 すべて Javascript で制御されている。 画像じたいは、 アニメーション PNG などではなく、 コマ割りした通常の透過あり静止画 PNG ファイル。