css3写旋转3D方块出问题了

用css3写旋转的方块，思路就是先把两个元素放在容器中，让一个元素的rotateX为0，另一个为-90度，然后在鼠标移入时使容器的rotateX从0变到90deg，现在出现了一个问题就是鼠标移入，父容器怎么都不动，也已经设置了position：relative了。源码如下，css是用less写的。