Можно ли исправить баг в анимации в FireFox?

Question

[LolaHuligang]

Добрый день,

Есть кнопка со стилями:

https://codepen.io/IrenaIrena/pen/RwRarvM

Везде хорошо отображается,
но в FireFox нет плавности, происходит дрожание при наведении.
Не могу разобраться в чем причина,
помогите, пожалуйста.
Спасибо.

Comments

[Lynn «Кофеман»]

Помогает старый добрый transform: translateZ(1px);
В чём причина ХЗ

[Flying]

Ваш эффект полагается на поддержку субпиксельной точности для box-shadow, видимо Firefox это пока не поддерживает. Насколько я смог проверить через BrowserStack - в Safari вроде тоже не поддерживается.

Поскольку это фича браузера то остаётся только ждать пока реализуют, можно отправить им bugreport, благо issue tracker'ы для всех браузеров открыты.

[LolaHuligang]

Lynn «Кофеман», до вашего совета я использовала: transform: translateZ(0px), но и transform: translateZ(1px)
ничего не поменял. Всё-таки что-то я сделала не так, раз оно не работает(((.