Safari mobile Transform-Stil Wohnung funktioniert nicht

Question

Ich habe erlebt, eine seltsame Transform-style-Bug (?), Wo ein After-Element durch Text durchtrennt, während Transform-Stil auf flach eingestellt ist.

Ich machte einen CodePen, der das Problem zeigt.
Links: Transformationsart: flach; (was ich möchte in allen Browsern aussehen, nur nicht in Safari Mobile)
Rechts: Transform-Stil: Preserve-3d; (Wie es auf beiden Seiten auf mobilen sieht)

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
Danke

Answer 1

bereits.

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;