| <!DOCTYPE html> | |
| <div style="width: 100px; height: 100px; background-color: red; filter: url(#f)"></div> | |
| <svg height="0"> | |
| <filter id="f" x="0" y="0" width="1" height="1"> | |
| <feConvolveMatrix/> | |
| <feColorMatrix values="1 0 0 0 0, | |
| 0 1 0 0 0.5, | |
| 0 0 1 0 0, | |
| 0 0 0 1 1" | |
| color-interpolation-filters="sRGB"/> | |
| </filter> | |
| </svg> |