2016-04-22 13 views
13

Когда я положил преобразование: scale(1.1); при наведении на какой-то элемент изображение стало размытым. Как исправить эту ошибку?Как исправить размытое изображение на шкале преобразования

Пример

enter image description here

+0

Возможный дубликат [-webkit-преобразования: масштаб/размытых изображений] (https://stackoverflow.com/questions/27060690/webkit-transform-scale-blurry-images) – Gajus

ответ

25

Попробуйте, это отлично работает для меня!

img { 
    -webkit-backface-visibility: hidden; 
    -ms-transform: translateZ(0); /* IE 9 */ 
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */ 
    transform: translateZ(0); 
} 
+1

Работает отлично! 10x –