tag img change atributos css3 safari transform scale

css3 - change - img src css



Usando transform: escala da como resultado imágenes borrosas (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

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