实现css3推倒动画

Question

想问下这个链接第五张 动效5的动画怎么实现，主要是X轴旋转后 上面边长还是和下面边长一样的 动图上面的边长变短了 效果好 求大神点拨一下