Коробка Тени в Firefox

Question

У меня проблема с box-shadow в Firefox - он "лагает":

Это мой CSS:

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

В Chrome он работает нормально (без "задержки"), но в Firefox он медленный.

Как это исправить?

Answer 1

Это известная ошибка в Firefox в течение многих лет.Box-shadow может вызвать медленную прокрутку или, когда вы анимируете элемент, которому назначена box-shadow, Firefox может сканировать.Исправление заключается в том, чтобы ограничить радиус размытия до 10 пикселей или отфильтровать тень от Firefox:

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

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