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
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