web-dev-qa-db-ja.com

変換の使用:スケールの結果、画像がぼやけます

カタログビュー(オンラインストア)では、javascriptを使用して製品のさまざまなビューを取得し、CSSで画像を縮小しています。 3行/ 4または5 /

enter image description here

デフォルトのビューは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);

すべては機能しますが、サファリでは画像が非常にぼやけて見えます。サファリのレンダリングを改善する方法はありますか?大きい画像: http://i.stack.imgur.com/NaFeB.jpg

enter image description here

22
grindking

サファリでぼかしフィルターをリセットすると機能します:

-webkit-filter: blur(0px); 

すべてのブラウザの例:

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

それが役に立てば幸い

43
spinsch