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

css3safaritransformscale
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