CSS 3のアニメーション機能には「Transitions」と「Animations」の2種類がある。前回は「Transitions」を紹介したが、今回は「Animations」の機能を紹介したい。 AnimationsはW3Cの草案(Working Draft)「CSS Animations Module」として提案されており、現在のところSafari 4とGoogle Chrome 2以上が対応している。また、Firefoxはバージョン3.5では未対応となっているが、将来的なバージョンでのサポートを予定している。 キーフレームで背景色を細かく変化させる AnimationsではTransitionsと同じように、CSSのプロパティ値を変化させることでアニメーションを作成する。このとき、Transitionsでは始点と終点の値しか指定することができなかったが、Animationsではキー
![CSS 3のアニメーション機能「Animations」 - builder by ZDNet Japan](https://cdn-ak-scissors.b.st-hatena.com/image/square/6615c56e378bbab872644e3a3c35eedaa2188ea5/height=288;version=1;width=512/https%3A%2F%2Fbuilder.japan.zdnet.com%2Fstorage%2F2011%2F01%2F24%2F51e504081bc36c228b7275d4425ef568%2Fstory_media%2F20363152%2F071212css-firefox-safari_184x138.jpg)