This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
The SVGFEDropShadowElement interface corresponds to the <feDropShadow> element.
This interface also inherits properties from its parent interface, SVGElement.
SVGFEDropShadowElement.dx Read only
An SVGAnimatedNumber corresponding to the dx attribute of the given element.
SVGFEDropShadowElement.dy Read only
An SVGAnimatedNumber corresponding to the dy attribute of the given element.
SVGFEDropShadowElement.height Read only
An SVGAnimatedLength corresponding to the height attribute of the given element.
SVGFEDropShadowElement.in1 Read only
An SVGAnimatedString corresponding to the in attribute of the given element.
SVGFEDropShadowElement.result Read only
An SVGAnimatedString corresponding to the result attribute of the given element.
SVGFEDropShadowElement.stdDeviationX Read only
An SVGAnimatedNumber corresponding to the (possibly automatically computed) X component of the stdDeviation attribute of the given element.
SVGFEDropShadowElement.stdDeviationY Read only
An SVGAnimatedNumber corresponding to the (possibly automatically computed) Y component of the stdDeviation attribute of the given element.
SVGFEDropShadowElement.width Read only
An SVGAnimatedLength corresponding to the width attribute of the given element.
SVGFEDropShadowElement.x Read only
An SVGAnimatedLength corresponding to the x attribute of the given element.
SVGFEDropShadowElement.y Read only
An SVGAnimatedLength corresponding to the y attribute of the given element.
This interface also inherits methods of its parent, SVGElement.
SVGFEDropShadowElement.setStdDeviation()Sets the values for the stdDeviation attribute.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
SVGFEDropShadowElement |
13 | 79 | 30 | 15 | 6 | 18 | 30 | 14 | 6 | 1.0 | 4.4 | 6 |
dx |
13 | 79 | 30 | 15 | 6 | 18 | 30 | 14 | 6 | 1.0 | 4.4 | 6 |
dy |
13 | 79 | 30 | 15 | 6 | 18 | 30 | 14 | 6 | 1.0 | 4.4 | 6 |
height |
13 | 79 | 30 | 15 | 6 | 18 | 30 | 14 | 6 | 1.0 | 4.4 | 6 |
in1 |
13 | 79 | 30 | 15 | 6 | 18 | 30 | 14 | 6 | 1.0 | 4.4 | 6 |
result |
13 | 79 | 30 | 15 | 6 | 18 | 30 | 14 | 6 | 1.0 | 4.4 | 6 |
setStdDeviation |
13 | 79 | 30 | 15 | 6 | 18 | 30 | 14 | 6 | 1.0 | 4.4 | 6 |
stdDeviationX |
13 | 79 | 30 | 15 | 6 | 18 | 30 | 14 | 6 | 1.0 | 4.4 | 6 |
stdDeviationY |
13 | 79 | 30 | 15 | 6 | 18 | 30 | 14 | 6 | 1.0 | 4.4 | 6 |
width |
13 | 79 | 30 | 15 | 6 | 18 | 30 | 14 | 6 | 1.0 | 4.4 | 6 |
x |
13 | 79 | 30 | 15 | 6 | 18 | 30 | 14 | 6 | 1.0 | 4.4 | 6 |
y |
13 | 79 | 30 | 15 | 6 | 18 | 30 | 14 | 6 | 1.0 | 4.4 | 6 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGFEDropShadowElement