關於css動畫tansform：translateZ(100PX)沒有效果的記錄
之前學習cs3動畫就學的迷迷糊糊的，這次項目中剛好用到了cs3動畫，遇到了一個問題，記錄下來，方便后期查閱
在使用 tansform屬性時，值設為tansform：translateX或tansform：translateY都是可以的，但是設置成tansform：translateZ就沒有動畫效果
排查
1.一般遇到Z軸的動畫就要小心點了，因為需要設置其他屬性值，記得有個什么3D舞台
所以首先加上transform-style：preserve-3d（在變形元素自身上指定該屬性是沒有用的，它用於指定舞台，所以要在變形元素的父元素上設置該屬性）
設置后運行發現還是沒有效果，這時候只能求助百度了
百度到一篇文章，覺得說的還挺好，點此訪問
從頭到尾看了一遍，里面有一個地方
另外如果同時設了transform-style: preserve-3d;和overflow: hidden;，3D效果將失效
2.將所有的overflow: hidden去掉，再次運行，發現還是失效
3.看到有個地方介紹到perspective屬性，嘗試了一下，真的就好了
結束
搜索了下，頁面之前用到的關於tansform：translateZ的樣式，發現全都不好使，加了上面的perspective屬性就好了
哈哈哈，這樣就解決了，所以將上面的都記錄下，方便后期查看，好記性不如爛筆頭，好了，下班