VOOZH about

URL: https://www.geeksforgeeks.org/html/svg-fegaussianblur-element/

⇱ SVG <feGaussianBlur> Element - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

SVG <feGaussianBlur> Element

Last Updated : 31 Mar, 2022
SVG stands for Scalable Vector Graphic. It can be used to make graphics and animations like in HTML canvas. The <feGaussianBlur> element adds a smooth blur to the graphic based on the standard deviation provided in the input primitive.

Syntax:

<feGaussianBlur in="" stdDeviation="" edgeMode=""/> 

Attributes:

  • in: The in attribute identifies input for the given filter primitive.
  • stdDeviation: It defines the standard deviation for the smooth blur operation. The default value is 0.
  • edgeMode: It signifies the extra pixels at the edges of the input layer.

Example 1:

Output:

👁 Image

Example 2:

Output:

👁 Image
Comment
Article Tags: