大きな画像を使用するときに CSS3 フィルターの品質を向上させる方法はありますか?
ここで、私が使用している画像を確認できます:
ソース: flickr
画像は次のようにスタイルされました。
.blur {
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
}
ただし、グラデーションは多くの醜い「増分」になります。
ご覧ください:
デモンストレーション用にフィドルを作成しました。