css3的transform:tanslateZ没有效果:

css3的transform:tanslateZ没有效果:

---

问题描述：

提示：今天在写css属性的时候发现transform:tanslateZ属性怎么改都是没有动画效果的的，translateX或tansform：translateY都是可以的。

---

原因分析：

提示：在使用translateZ的属性的时候，首先加上transform-style：preserve-3d（在变形元素自身上指定该属性是没有用的，它用于指定舞台，所以要在变形元素的父元素上设置该属性）
设置后运行发现还是没有效果，这时候只能求助百度了

---

解决方案：

提示：
如果同时设了transform-style: preserve-3d;和overflow: hidden;，3D效果将失效，所以小伙伴们如果再遇见这种情况要先看看你的父盒子有没有overflow: hidden哦。