상자 그림자가 파이어 폭스

Question

에서 나는 파이어 폭스에서 box-shadow에 문제가 - 그것은 "시차"

이 내 CSS : 그것은 ("지연"없이) 정상적으로 작동 크롬에서

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

, 하지만 Firefox에서는 느립니다.

어떻게 해결할 수 있습니까?

Answer 1

이것은 수년간 Firefox에서 알려진 버그입니다. 상자 그림자는 스크롤 속도가 느려지거나 상자 그림자가 지정된 요소에 애니메이션을 적용 할 때 Firefox가 크롤링 할 수 있습니다. 해결 방법은 흐림 반경을 10 픽셀로 제한하거나 Firefox의 상자 그림자를 걸러내는 것입니다.

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

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