Firefox の 3D 変換がギザギザになるのはなぜですか? どうすれば修正できますか?

CSS 変換とギザギザのエッジ: Firefox のジレンマ

CSS で 3D 変換を適用すると、特に Firefox で不快なギザギザのエッジが発生することがあります。 Chrome の対応するものとは異なり、Firefox の backface-visibility プロパティはこの問題を解決できません。

巧妙な回避策の 1 つは、透明色のアウトライン属性を追加することです。アウトラインを 1 ピクセルの単色透明に設定すると、変換された要素のエッジが魔法のように滑らかになります。この修正は、Windows 7 で実行されている Firefox バージョン 10.0.2 で検証されています。この JSFiddle の変化を確認してください: https://jsfiddle.net/nKhr8/

ディスプレイの背景色が白でない場合は、少し異なる回避策を選択することもできます。背景と一致する色 (この場合は白) の境界線を追加すると、同様のアンチエイリアス効果を実現できます。繰り返しますが、この方法は Windows 7 上の Firefox バージョン 10.0.2 でテストされており、同様に鮮明な結果が得られます。デモは次のとおりです: https://jsfiddle.net/LPEfC/

以上がFirefox の 3D 変換がギザギザになるのはなぜですか? どうすれば修正できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。