Get to know MDN better
This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2018.
The <feDistantLight> SVG element defines a distant light source that can be used within a lighting filter primitive: <feDiffuseLighting> or <feSpecularLighting>.
| Light source element |
| Any number of the following elements, in any order: <animate>, <set> |
This element implements the SVGFEDistantLightElement interface.
| Filter Effects Module Level 1 # feDistantLightElement |
Enable JavaScript to view this browser compatibility table.
This page was last modified on Oct 27, 2025 by MDN contributors.
Your blueprint for a better internet.
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.