複数のプロパティを同時に変化させるアニメーション Transitionsの機能では、複数のプロパティの値を同時に変化させることも可能だ。たとえば、背景色と文字の色、さらに横幅を同時に変化させるには、-webkit-transitionで「background-color」「color」「width」に関する設定を「,(カンマ)」で区切って指定する。 次のサンプルでは背景が黄色(#ffff00)から紺色(#003366)に、文字の色が黒(#000000)から白(#ffffff)に、横幅が300ピクセルから400ピクセルに変化するように指定している。
![CSS 3のアニメーション機能「Transitions」 - page2 - builder by ZDNet Japan](https://cdn-ak-scissors.b.st-hatena.com/image/square/3c44191ee4804efaf17a3bef224cfcb08852e761/height=288;version=1;width=512/https%3A%2F%2Fbuilder.japan.zdnet.com%2Fstorage%2F2011%2F01%2F24%2F69f99c1b23af2f20faa64194b2642767%2Fstory_media%2F20363152%2F071212css-firefox-safari_184x138.jpg)