Добавянето на трансформация към изображение го замъглява в Chrome

Имам изображение с приложена към него трансформация за :transform: translate(-50%,-50%);

Само в Chrome това води до размазване на изображението.

Опитах различни предложени решения, като настройка на translateZ(0); филтър: blur(0) без никакъв успех.

Премахването на свойството transform премахва ефекта на замъгляване.

Ето текущия css за изображението: position: absolute; отгоре: 50%; ляво: 50%; трансформиране: превод (-50%,-50%); височина: авто; ширина: авто; максимална височина: 100%; максимална ширина: 100%;

И изглежда така: въведете описание на изображението тук

И ето действителното изображение, върнато от моята услуга за изображения:

въведете описание на изображението тук

Забележете, че първото изображение има замъглени ръбове, а оригиналното изображение не.


person imrank1    schedule 05.05.2016    source източник
comment
Опитахте ли да се откажете от задната повърхност и да направите нулиране на вашия Z и мащаб? Като -webkit-backface-visibility: hidden;-webkit-transform: translateZ(0) scale(1, 1); ....о и няма нужда от height/width:auto, освен ако не заменяте наследяването, тъй като това са стойностите по подразбиране така или иначе за тези свойства. Сладко изображение между другото.   -  person Chris W.    schedule 05.05.2016
comment
Опитах това, но няма разлика :(   -  person imrank1    schedule 05.05.2016
comment
Можете ли да публикувате кода HTML/CSS?   -  person Blazed    schedule 05.05.2016
comment
Разбрахте ли това?   -  person user4584963    schedule 20.04.2017
comment
Проверете това: stackoverflow.com/a/56143014/2746447   -  person egor.xyz    schedule 16.05.2019