lighting-color

Specifies the color of the light source used in SVG filter primitives like <feDiffuseLighting> and <feSpecularLighting>.

It is documented as part of the Filter Effects specification.

/* Usage Example */
/* In an SVG filter definition */
feDiffuseLighting {
  lighting-color: #ffcc00;
  /* sets the color of the simulated light */
}

/* Global values */
lighting-color: inherit;
lighting-color: initial;
lighting-color: revert;
lighting-color: revert-layer;
lighting-color: unset;
Widely available Since 2015 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

5+
3+
6+
12+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC