Applying SVG effects to HTML content - SVG: Scalable Vector Graphics | MDN

Modern browsers support using SVG within CSS styles to apply graphical effects to HTML content. You may specify SVG in styles either within the same document or an external style sheet. There are 3 properties you can use: mask, clip-path, and filter. Note: References to SVG in external files must be to the same origin as the referencing document. Using embedded SVG To apply an SVG effect using CSS

[mooz]

Firefox 3.5 から, CSS で SVG を使ったフィルタが使用可能に.

[yomotsu]

Fx3 - Applying SVG effects to HTML content