Javatpoint Logo
Javatpoint Logo

SVG Drop Shadow Effects

In SVG, to show the drop shadow effects, <feOffset> element is used. To do this effect, take an SVG graphic and move it a little bit in the x-y plane.


Test it Now


  • The id attribute of <filter> defines a unique name for the pattern.
  • The filter attribute of the <rect> element is used to link the element to the "p1" filter.

Next TopicSVG Gradients

Youtube For Videos Join Our Youtube Channel: Join Now


Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Trending Technologies

B.Tech / MCA