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
All Tutorials related to SVG Tutorials
SVG Intro SVG & HTML SVG Circle SVG Rectangle SVG Eclipse SVG Line SVG Polygon SVG Polyline SVG Path SVG Text SVG Stroke SVG Blur Filter SVG Drop Shadow Filter SVG Linear Gradient SVG Radial Gradients in HTML