css3 3d翻转平铺变换动画

Question

我希望能够从小到大获得平滑的3D旋转效果。

我无法理解为什么瓷砖开始大而不小。所以它应该是旋转的 效果，直到他们绝对的位置。

请看一下演示

http://codepen.io/davide77/pen/CxiDa

@keyframes scale {

  0% {transform: rotateY(360deg) scale(0);}
  50% { transform: rotateY(180deg) scale(1);}
 100% { transform: rotateY(360deg) scale(1);}
}