CSS3 transform scale scale, text blurry on hover

Question

Я тестирую простую шкалу CSS3 при наведении, но текст кажется размытым на секунду или что-то в этом роде. самая большая проблема заключается в светлячок

вот простой код

https://jsfiddle.net/u0jq9xk1/3/

Я также попытался добавить следующий код, но он не работает

-webkit-backface-visibility: hidden; 
-webkit-transform: translateZ(0) scale(1.0, 1.0); 

Я знаю, что это просто, но можно ли это разобраться или что-то вроде ошибки?

Answer 1

Вы можете проверить, если это работает для вас

-webkit-преобразование стиля: сохранение-3d; transform-style: preserve-3d;