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.

Example

Test it Now

Explanation

  • 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




Please Share

facebook twitter google plus pinterest

Learn Latest Tutorials


Preparation


B.Tech / MCA