css - 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);}
}