SVGフィルタで拡張するCSSの表現

全1回

CSSのfilterプロパティは、blur()やgrayscale()など既定の関数で効果を適用できますが、実はSVGフィルタを呼び出すことで、より複雑な表現が可能です。このシリーズでは、SVGフィルタの活用方法を紹介します。

第1回 SVGフィルタの基本と表現例

SVGフィルタはCSSのfilterプロパティより、複雑な表現が可能です。古くからある技術ですが、活用されることが少ないSVGフィルタの使い方を紹介します。