<feDistantLight>

Baseline Widely available

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 filter primitive defines a distant light source that can be used within a lighting filter primitive: <feDiffuseLighting> or <feSpecularLighting>.

Like other filter primitives, it handles color components in the linearRGB color space by default. You can use color-interpolation-filters to use sRGB instead.

Usage context

Categories	Light source element
Permitted content	Any number of the following elements, in any order: `<animate>`, `<discard>`, `<set>`

Attributes

DOM Interface

This element implements the SVGFEDistantLightElement interface.

Specifications

Specification
Filter Effects Module Level 1> # feDistantLightElement>

Browser compatibility

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`feDistantLight`	5	≤18	3	15	6	18	4	14	6	1.0	4.4	6
`azimuth`	5	79	3	15	6	18	4	14	6	1.0	4.4	6
`elevation`	5	79	3	15	6	18	4	14	6	1.0	4.4	6