OLD | NEW |
1 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> | 1 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> |
2 <defs> | 2 <defs> |
3 <filter id="colormatrix" color-interpolation-filters="sRGB"> | 3 <filter id="colormatrix" color-interpolation-filters="sRGB"> |
4 <feColorMatrix type="matrix" values="0 1 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0
0 1 0"/> | 4 <feColorMatrix type="matrix" values="0 1 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0
0 1 0"/> |
5 </filter> | 5 </filter> |
6 </defs> | 6 </defs> |
7 </svg> | 7 </svg> |
8 <div style="width: 100px; height: 100px; background-color: rgb(255, 0, 0); -web
kit-transform: translateZ(0);" id="div1"></div> | 8 <div style="width: 100px; height: 100px; background-color: rgb(255, 0, 0); tran
sform: translateZ(0);" id="div1"></div> |
9 <script> | 9 <script> |
10 var div = document.getElementById("div1"); | 10 var div = document.getElementById("div1"); |
11 div.style.webkitFilter = "url(#colormatrix)"; | 11 div.style.webkitFilter = "url(#colormatrix)"; |
12 </script> | 12 </script> |
13 | 13 |
OLD | NEW |