CODEWITHSUNDEEP
svgsvg-filters
Anselm
Anselm

Reputation: 7908

How to create a gaussian blur effect using "stdDeviation" in SVG?

I´m trying to apply a gaussian blur to a png image in Firefox. For WebKit browsers I use the CSS3 filter property. In CSS, I use a 2px blur but how can I create the same effect in SVG with "stdDeviation"? Thank you!

Upvotes: 1

Views: 1366

Answers (1)

Robert Longson
Robert Longson

Reputation: 124169

Just apply an feGaussianBlur filter to an SVG <image> element using the filter attribute.

<defs>
<filter id="Gaussian_Blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
</filter>
</defs>

Upvotes: 2

Related Questions