Verwendung von transform: Skalierung führt zu verschwommenen Bildern

Question

In unserer Katalogansicht (Online-Shop) verwenden wir Javascript, um verschiedene Ansichten der Produkte zu erhalten und die Bilder mit CSS zu skalieren. 3 in einer Reihe/4 oder 5/

Die Standardansicht ist 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); 

funktioniert alles, aber die Bilder sehen sehr verschwommen in Safari. Gibt es eine Möglichkeit, das Rendering für Safari zu verbessern? Grössere Bild: http://i.stack.imgur.com/NaFeB.jpg

Answer 1

es funktioniert, wenn Sie die Unschärfefilter in Safari zurücksetzen:

-webkit-filter: blur(0px); 

Beispiel für alle Browser:

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

hoffen, dass es