CSS
CSS3のfilterプロパティまとめ 画像加工はもうウェブ上でできてしまう？
CSSのfilterプロパティでは、様々なグラフィック効果を要素に適用することができます。
画像、または背景や境界の描画を調節するために使われます。
また、filterプロパティにはSVGフィルター要素への参照することも可能です。
今回はそんなfilterプロパティを簡単にまとめてみました。
プルダウンメニューよりオプションを選択するとサンプル画像に効果が適応されます。
また、お持ちの画像でどのようなイメージになるか調べたい場合、画像をアップロードすることで効果を試すことも可能です。
filterプロパティ
ぼかし
px
img {
filter: blur(5px)
}
ぼかしは0が基準で値を増やすとぼけていきます。
ぼかしの値は%は使用できません。