この codepen を確認してください: http://codepen.io/anon/pen/KkgeL/。
アニメ化するとこんなにグリッチになるのはどうしてですか？私はChrome v.33を使用しています。Safari とFirefoxで完全に正常に動作します (Safari は Chrome と同じようにグリッチします [以下を参照] が、幅ではなく高さです)。
編集：グリッチを見ていない人のために、グリッチを説明しようとすることができます. すべてのプロパティをある程度正常にアニメーション化しますが、アニメーションの最後で、3 div の幅がほんの一握りのピクセルだけ瞬時に変化します。これは非常に望ましくありません。
Chrome を使用していて不具合が見られない方は、Chrome のバージョンをコメントしてください。