CSS 3D 立方体：translate 和 rotate 的顺序不能错

[> ******](## CSS 3D 立方体

transform 函数从右往左执行：

.front  { transform: translateZ(100px); }
.back   { transform: rotateY(180deg) translateZ(100px); }

.back 先旋转再平移，因为 rotateY(180deg) 反转了 Z 轴方向。)