<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> | |
<defs> | |
<filter id="colormatrix" color-interpolation-filters="sRGB"> | |
<feColorMatrix type="matrix" values="0 1 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0 0 1 0"/> | |
</filter> | |
</defs> | |
</svg> | |
<div style="width: 100px; height: 100px; background-color: rgb(255, 0, 0); transform: translateZ(0);" id="div1"></div> | |
<script> | |
var div = document.getElementById("div1"); | |
div.style.webkitFilter = "url(#colormatrix)"; | |
</script> | |