currentColor-override-lighting.svg

Enable keyboard shortcuts

Checkerboard

<svg xmlns="http://www.w3.org/2000/svg">

  <!-- the light source is a fePointLight element -->

  <filter id="lightMe1" style="color: red" lighting-color="currentColor">

    <feDiffuseLighting

        in="SourceGraphic"

        result="light"

        style="color: lime;"

        lighting-color="inherit">

      <fePointLight x="0" y="0" z="100" />

    </feDiffuseLighting>

    <feComposite in="SourceGraphic" in2="light" operator="arithmetic" k1="1" k2="0" k3="0" k4="0"/>

  </filter>

  <rect width="100%" height="100%" fill="white" filter="url(#lightMe1)" />

</svg>