3D CSS 変換による Firefox のギザギザのエッジ

CSS 変換による Chrome のギザギザのエッジの問題と同様に、Firefox でも 3D 変換でこの問題が発生します。 Chrome での潜在的な解決策である背面の表示は、Firefox では効果がないことが判明しました。

回避策:

Firefox でこの問題を軽減するには、次のいずれかの回避策を実装できます。 :

1. 透明アウトライン: ギザギザのエッジが発生している要素に透明色のアウトライン属性を追加します:

outline: 1px solid transparent;

2. 背景色の境界線: 背景色に依存する要素の場合、背景と同じ色の境界線属性を追加します:

border: 1px solid white;

これらの回避策は Windows 7 版 Firefox 10.0.2 でテストされ、ギザギザのエッジを除去するのに効果的であることが証明されています。