Utilizzo della trasformazione: risultati di scala in immagini sfocate

Question

Nella nostra vista del catalogo (negozio online) viene utilizzato javascript per ottenere visualizzazioni diverse dei prodotti e ridimensionare le immagini con CSS. 3 di fila/4 o 5/

La visualizzazione predefinita è 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); 

Tutto funziona ma le immagini sembrano molto sfocate in safari. C'è un modo per migliorare il rendering per il safari? immagine più grande: http://i.stack.imgur.com/NaFeB.jpg

Answer 1

funziona se si reimposta il filtro sfocatura in Safari:

-webkit-filter: blur(0px); 

esempio per tutti i browser:

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

Speranza che aiuta