在3D製作正方形時，將動畫效果的opacity值設置小於1時，正方體崩塌爲一個面的原因解析

在使用CSS3.0製作3D正方體時，將底層div的opacity值設置爲小於1時。或是在@keyframes中將opacity設置爲小於1時。正方體塌陷爲2D的平面體。 如下圖爲正常顯示的正方體3D圖形，其中opacity值爲1 如下圖顯示的正方體，其中opacity值爲非1 兩圖對比可發現，當正方體的父級div的opacity值小於1時，原有的正方體出現了塌陷，顯示爲一個二維圖形。 通過觀察可以

>>阅读原文<<