CSS3のみでのアニメーションについて(4/4) – css3を触ってみて思った4個の利点
css3を触ってみて思った利点の3個目
この記事は、画像無しでリッチな表現(3/4) – css3を触ってみて思った4個の利点の続きです。
とりあえずcss3のみで動かしている例を動画にて。
実際のサンプルや、アニメーションについての詳細は続きから。
上の動画の実際のデモ
下の灰色線の中にマウスカーソルを合わせてみてください。
これがCSS3のみで動かしているデモとなっています。
確認できる環境は下の環境になるので、ブラウザによってはデモは動きません。
CSS3アニメーションが動く環境
2009年12月24日現在だと、Webkit系である、Chrome4・Safari4などで動作確認が取れています。
その他のブラウザはまだ実装されていません。
※Mozilla系は拡大縮小などの変形は出来ますが、アニメーションまではまだ対応していません。
ではアニメーションさせるために必要なプロパティなどは次ページ以降から説明します。
Pages: 1 2
