翻转+ 3d转换一些子元素（chrome bug？）

Question

我试图让3D翻转

http://jsfiddle.net/ergmt3zv/3/

一切都很好，但是当我将3d变换添加到某个子元素

时

transform: translate3d(0, 0, 0);

第一个翻转背面的

没有动画效果。

http://jsfiddle.net/ergmt3zv/2/

这是一个错误还是我做错了什么？