The stdDeviation attribute defines the standard deviation for the blur operation.

You can use this attribute with the following SVG elements:


<svg viewBox="0 0 480 200" xmlns="">
  <filter id="gaussianBlur1">
    <feGaussianBlur stdDeviation="1" />
  <filter id="gaussianBlur2">
    <feGaussianBlur stdDeviation="5" />
  <filter id="gaussianBlur3" x="-30%" y="-30%" width="160%" height="160%">
    <feGaussianBlur stdDeviation="10" />

  <circle cx="100" cy="100" r="50" style="filter: url(#gaussianBlur1);" />
  <circle cx="100" cy="100" r="50" style="filter: url(#gaussianBlur2); transform: translateX(140px);" />
  <circle cx="100" cy="100" r="50" style="filter: url(#gaussianBlur3); transform: translateX(280px);" />

Usage notes

Value <number-optional-number>
Default value 0
Animatable Yes

If two numbers are provided, the first number represents a standard deviation value along the x-axis. The second value represents a standard deviation along the y-axis. If one number is provided, then that value is used for both X and Y.

A negative value is forbidden. A value of zero disables the effect of the given filter primitive (i.e., the result is the filter input image). If stdDeviation is 0 in only one of X or Y, then the effect is that the blur is only applied in the direction that has a non-zero value.


Specification Status Comment
Filter Effects Module Level 1
The definition of 'stdDeviation' in that specification.
Working Draft No change
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'stdDeviation' in that specification.
Recommendation Initial definition

Browser compatibility

BCD tables only load in the browser