Safari 모바일 변환 스타일 플랫이 작동하지 않음

Question

변형 스타일이 플랫으로 설정되어있는 동안 after 요소가 텍스트를 통해 클립되는 이상한 변형 스타일 버그 (?)가 발생했습니다.

문제를 보여주는 코드 펜을 만들었습니다.
왼쪽 : transform-style : flat; (내가보기에는 모든 브라우저에서 사파리 모바일에서만 사용하지 마십시오.)
오른쪽 : 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;