SVG

SVG Tutorials

SVD Drop Shadow Filter

SVG Drop Shadow Filter

 

 

All SVG filters are defined by < defs > element. It is used for the definition of the filter which is to be used.

The < filter > element is used to define an SVG filter. The element has a required id attribute that identifies the filter.

The < feOffset > element is used to create drop shadow effects.

 

Code Explanation of the below code is:-

 

  • The id attribute of the < filter > element defines a unique name for the filter
  • The filter attribute of the < rect > element links the element to the "coding_school" filter

Code Explanation

All Tutorials related to SVG Tutorials

All Sections related to SVG