बॉक्स छाया फ़ायरफ़ॉक्स

Question

में मैं Firefox में box-shadow साथ एक समस्या है - यह "अंतराल":

यह मेरा सीएसएस है:

-moz-box-shadow : 0 0 5px #333; 
-webkit-box-shadow : 0 0 5px #333; 
box-shadow : 0 0 5px #333; 

क्रोम में, यह सामान्य रूप से ("अंतराल" के बिना) काम करता है, लेकिन फ़ायरफ़ॉक्स में यह धीमा है।

मैं इसे कैसे ठीक कर सकता हूं?

Answer 1

यह फ़ायरफ़ॉक्स में वर्षों से ज्ञात बग रहा है। बॉक्स-छाया धीमी स्क्रॉलिंग का कारण बन सकता है या, जब आप किसी तत्व को एनिमेट कर रहे हैं जिसमें बॉक्स-छाया असाइन की जाती है, तो फ़ायरफ़ॉक्स क्रॉल कर सकता है।

.fubar { 
    box-shadow: 10px 10px 30px #000; 
    -moz-box-shadow:none !important; 
} 

@-moz-document url-prefix() { 
    .fubar { 
     box-shadow:none; 
    } 
}