CSS3だけでアニメーションを作成する前回の記事で解説しているお絵描きアプリケーション「My Animals Note！」のオープニングと、「保存データ」画面で線画が飛び回るアニメーションは、CSS3で作成しています。ここでは簡単なサンプルを使って仕組みを解説しますので、興味を持った方は、日経ソフトウエアのWebサイト（http://software.nikkeibp.co.jp/）からソースコードをダウンロードして、CSSの記述をチェックしてください。 リストAのHTMLドキュメントをWebブラウザ（SafariかGoogle Chrome）で開くと、赤い正方形が画面左上に現れて、右下に向かって回転しながら移動します（図A）。右下で静止した後、鉛直方向を軸として1回転した後、左上にすっと戻って行きます。これを2回繰り返します。 コードの説明をしましょう。(1)のCSSは、canvas1というidを持つ要素（(2)のcanva
IDEA * IDEA
