Blur Effect

Looking to see the difference between CSS and svg blur effect.
Both the div and the rectangle received the same style: size, color and border.
The div contains the rectangle because - and I'm guessing -the border is external in
the case of the div, and internal in the svg case. The blur filter works to a different
end in both cases.

There are more SVG filters than CSS ones, and eventually, produce a much
richer effect; this has yet to be fully exploited. SVG filters are also
applicable to all HTML elements, although one still needs to check
to see which browsers currently support what.

The syntax for SVG filters involves defining them between definitions tags,
and using an id for assignment.


https://plnkr.co/edit/8uBiM9OpaTRsnHwYfFmo