Safari移动转换式平板无法正常工作

Question

我遇到了一个奇怪的变换风格的错误（？），其中after元素剪切文本而transform-style设置为flat。

我制作了一个显示问题的CodePen 左：变换式：扁平; （我希望在所有浏览器中看起来像，只有在safari mobile中才有） 右：transform-style：preserve-3d; （它在移动设备上的外观如何）

transform-style: preserve-3d; // how it displays on safari mobile
transform-style: flat; // how i would like to display it on safari mobile

CodePen：http://codepen.io/anon/pen/WRKjZw
谢谢

Answer 1

试试这个。

transform: rotateX(-40deg) rotateY(20deg) rotateZ(0deg);
-webkit-transform: rotateX(-40deg) rotateY(20deg) rotateZ(0deg);
-ms-transform: rotateX(-40deg) rotateY(20deg) rotateZ(0deg);
transform-style: flat;
-webkit-transform-style: flat;