Использование transform: scale приводит к размытым изображениям

В нашем каталоге (интернет-магазин) мы используем javascript для получения разных представлений о продуктах и ​​масштабирования изображений с помощью CSS. 3 в строке /4 или 5/

enter image description here

Вид по умолчанию: 4:

-webkit-transform: scale(0.83);
-moz-transform: scale(0.83);
-ms-transform: scale(0.83);
-o-transform: scale(0.83);
transform: scale(0.83);

Все работает, но изображения выглядят очень размытыми в сафари. Есть ли способ улучшить рендеринг для сафари? Изображение большего размера: http://i.stack.imgur.com/NaFeB.jpg

enter image description here

Ответы

Ответ 1

он работает, если вы reset фильтр размытия в сафари:

-webkit-filter: blur(0px);

пример для всех браузеров:

filter: none; 
-webkit-filter: blur(0px); 
-moz-filter: blur(0px); 
-ms-filter: blur(0px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');

надеюсь, что это поможет