☰

変換: スケールを使用すると画像がぼやけます 質問する

tag-icon • tag-icon css safari transform scale
変換: スケールを使用すると画像がぼやけます 質問する

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

ここに画像の説明を入力してください

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

すべて正常に動作しますが、Safari では画像が非常にぼやけて見えます。Safari のレンダリングを改善する方法はありますか? 大きな画像:https://i.sstatic.net/NaF​​eB.jpg

ここに画像の説明を入力してください

ベストアンサー1

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

-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');

それが役に立てば幸い

おすすめ記事