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