css3 - change - img src css

Usando transform: escala da como resultado imágenes borrosas

Question

En nuestra vista de catálogo (tienda en línea) usamos javascript para obtener diferentes vistas de los productos y escalar las imágenes con CSS. 3 en una fila / 4 o 5 /

La vista predeterminada es 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);

Todo funciona, pero las imágenes se ven muy borrosas en safari. ¿Hay alguna manera de mejorar la representación para safari? Imagen más grande: http://i.stack.imgur.com/NaFeB.jpg

Answer 1

funciona si restableces el filtro de desenfoque en safari:

-webkit-filter: blur(0px); 

Ejemplo para todos los navegadores:

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

Espero eso ayude