css3 トランジションは、div の高さの状態を補間します。
現在、以前の高さとは異なる単位で高さを設定すると、chrome13 は補間されません。
すなわち:
-
高さを 100% に設定
-
高さを 50% に設定します (別のレンダリング フレームで)
-
高さは正しくアニメーション化されます (トランジションが適切に使用されている場合)
-
高さを100pxに設定
-
高さはアニメーション化されません
クロムのバグ？スペックバグ？
やる気のある人向けの jsfiddle の例: http://jsfiddle.net/zDywJ/21/