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