ظهور ظل مربع غير متناسق في صفوف الجدول عبر المتصفحات

يمكن أن يظهر ظل مربع CSS المطبق على صفوف الجدول (

لحل هذه المشكلة، يوصى باستخدام خاصية التحويل جنبًا إلى جنب مع سمة box-shadow. تؤدي إضافة مقياس (1,1) إلى خاصية التحويل إلى إجبار المتصفح على إعادة عرض العنصر، مما يضمن تطبيق تأثير ظل المربع بشكل موحد.

إليك كود CSS المحدث:

tr:hover {
  transform: scale(1,1);
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

من خلال إضافة مقتطف التعليمات البرمجية هذا، سيظهر ظل المربع الآن بشكل متسق عبر المتصفحات المدعومة.