الحواف الخشنة في Firefox مع تحويلات CSS ثلاثية الأبعاد

على غرار مشكلة الحواف الخشنة في Chrome مع تحويلات CSS، يعرض Firefox أيضًا هذه المشكلة مع التحويلات ثلاثية الأبعاد. أثبتت إمكانية رؤية الواجهة الخلفية، كحل محتمل في Chrome، عدم فعاليتها في Firefox.

الحل البديل:

1. مخطط تفصيلي شفاف: أضف سمة مخطط تفصيلي بلون شفاف إلى العنصر الذي يواجه الحواف المتعرجة:

outline: 1px solid transparent;

2. الحدود مع لون الخلفية: بالنسبة للعناصر المعتمدة على لون الخلفية، أضف سمة حد بنفس لون الخلفية:

border: 1px solid white;