SVG <feOffset>

The SVG feOffset element is used to create drop shadow effects. To create drop shadow take an SVG graphic (image or element) and move the XY coordinates.

Syntax:

<feDropShadow dx="" dy="" stdDeviation=""/>

Attributes:

• dx: defines x offset
• dy: defines y offset
• stdDeviation: defines standard deviation for the blur operation.

Example:

Output:

👁 Image
Example: Shadow without blur. Output: 👁 Image