「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > Firefox 3D CSS 変換でギザギザのエッジを修正するにはどうすればよいですか?

Firefox 3D CSS 変換でギザギザのエッジを修正するにはどうすればよいですか?

2024 年 11 月 4 日に公開
ブラウズ:293

How to Fix Jagged Edges in Firefox 3D CSS Transformations?

3D CSS Transformation: Tackling Gagged Edges in Firefox

Chrome CSS 変換でのギザギザの問題と並行して、同様の問題が発生します。 3D 変換中に Firefox を使用します。図は、次の JSFiddle (Firefox 固有) にあります: http://jsfiddle.net/78dK/5/.

Chrome とは異なり、Firefox では背面の可視性は解決策を提供しません。

回避策:

回避策 1 (アウトライン属性):

より汎用的な解決策として、透明なアウトライン属性を追加することを検討してください。

outline: 1px solid transparent;

このアプローチは Firefox 10.0.2 Windows 7 で検証されています: http://jsfiddle.net/nKhr8/.

回避策 2 (境界線属性):

または、背景と一致する色の境界線属性を追加することもできます:

border: 1px solid white;

このオプションは、背景色がわかっている場合に有効です (たとえば、この場合は白): http://jsfiddle.net/LPEfC/.

最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3