3D変形CSS3によりテキストと画像がぼやけて表示される

Question

3d変換が適用されるとテキストや画像がぼやけますか？

Answer 1

これは、ユーザーがz軸に沿ってズームするためです。トランスフォームを使用してキューブの幅の半分だけz全体を移動することによって、読み込み可能なものがz = 0のままであることを確認します。あなたのケースでは

、あなたの#cubeルールを変更します。そのような

#wrapper.red #cube { 
    -webkit-transform: translateZ(-210px) rotateY(90deg); 
} 

を。これを補うには、キューブの幅を広げ、サイズが11よりも大きくする必要があります。