HTML and CSS Reference
In-Depth Information
Figure4-6.Applying an SVG filter to an HTML5 video
Mozilla created the concept of applying SVG filters (and masks and other graphical devices)
to HTML elements within an HTML document. No other browser has taken up the idea,
though I hope they eventually do so. As you can see, the code is quite simple, and doesn't
require any JavaScript.
As much as I like this ability, though, there are performance issues with applying SVG effects
against HTML elements in this manner. I created an offscreen illumination effect for one ex-
ample, and thought my laptop's fan would fly out of the case—and my laptop is usually suffi-
cient to meet the needs of even the most tortuously complex web page effect.
NOTE
For more on applying SVG filters to HTML documents, see the support page for the effect at Mozilla,
