Add a Light Source with CSS and the fePointLight SVG Filter

Rodrigo Pombo
InstructorRodrigo Pombo

Share this video with your friends

Send Tweet

The CSS filter property lets us apply the power of SVG filter effects to HTML elements. One little-known effect included in modern browsers is <fePointLight>. We'll use it together with <feDiffuseLighting> to add a light source to an <h1 /> element.