| <!DOCTYPE html> |
| <style> |
| .target { |
| display: inline-block; |
| width: 100px; |
| height: 100px; |
| background-color: red; |
| } |
| </style> |
| <div class="target" style="filter: url(#noLightDiffuse)"></div> |
| <div class="target" style="filter: url(#noLightSpecular)"></div> |
| <svg height="0" color-interpolation-filters="sRGB"> |
| <filter id="noLightDiffuse" x="0" y="0" width="1" height="1"> |
| <feDiffuseLighting lighting-color="blue"/> |
| <feColorMatrix values="1 0 0 0 0, |
| 0 1 0 0 0.5, |
| 0 0 1 0 0, |
| 0 0 0 1 1"/> |
| </filter> |
| |
| <filter id="noLightSpecular" x="0" y="0" width="1" height="1"> |
| <feSpecularLighting lighting-color="blue"/> |
| <feColorMatrix values="1 0 0 0 0, |
| 0 1 0 0 0.5, |
| 0 0 1 0 0, |
| 0 0 0 1 1"/> |
| </filter> |
| </svg> |