Please note, this is a STATIC archive of website www.javatpoint.com from 19 Jul 2022, cach3.com does not collect or store any user information, there is no "phishing" involved.
Javatpoint Logo
Javatpoint Logo

SVG Blur Effects

SVG uses the<feGaussianBlur>element to show the blur effect. SVG filters does not supported by Internet Explorer 9 and earlier versions

Example

Test it Now

Explanation

  • The id attribute of <filter> defines a unique name for the pattern.
  • <feGaussianBlur> element is used to define blur effect.
  • The in="SourceGraphic" part of <feGaussianBlur> element is used to define that the effect is created for the entire element.
  • The stdDeviation attribute is used to define the amount of the blur.
  • The filter attribute of the <rect> element is used to link the element to the "p1" filter.






Youtube For Videos Join Our Youtube Channel: Join Now

Feedback


Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Preparation


Trending Technologies


B.Tech / MCA