Имам изображение с приложена към него трансформация за :transform: translate(-50%,-50%);
Само в Chrome това води до размазване на изображението.
Опитах различни предложени решения, като настройка на translateZ(0); филтър: blur(0) без никакъв успех.
Премахването на свойството transform премахва ефекта на замъгляване.
Ето текущия css за изображението: position: absolute; отгоре: 50%; ляво: 50%; трансформиране: превод (-50%,-50%); височина: авто; ширина: авто; максимална височина: 100%; максимална ширина: 100%;
И ето действителното изображение, върнато от моята услуга за изображения:
Забележете, че първото изображение има замъглени ръбове, а оригиналното изображение не.
-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1);
....о и няма нужда от height/width:auto, освен ако не заменяте наследяването, тъй като това са стойностите по подразбиране така или иначе за тези свойства. Сладко изображение между другото. - person Chris W.   schedule 05.05.2016