2017-02-06 8 views
1

私は変わったトランスフォームスタイルのバグ(?)を経験していました。ここで、after要素はテキストをクリップし、transform-styleはフラットに設定されています。Safariモバイルトランスフォームスタイルのフラットが動作しない

問題を示すコードペンを作成しました。
左: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

+0

あなたはこれを解消しましたか?私は同じ問題を抱えています – MindlessRouse

答えて

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; 
+0

Safariはもう変換のための '-webkit-'プレフィックスを必要としません – MindlessRouse

関連する問題