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