在3D制作正方形时，将动画效果的opacity值设置小于1时，正方体崩塌为一个面的原因解析

在使用CSS3.0制作3D正方体时，将底层div的opacity值设置为小于1时。或是在@keyframes中将opacity设置为小于1时。正方体塌陷为2D的平面体。 如下图为正常显示的正方体3D图形，其中opacity值为1 如下图显示的正方体，其中opacity值为非1 两图对比可发现，当正方体的父级div的opacity值小于1时，原有的正方体出现了塌陷，显示为一个二维图形。 通过观察可以

>>阅读原文<<