OLD | NEW |
1 <style> | 1 <style> |
2 #filtered { | 2 #filtered { |
3 width: 160px; | 3 width: 160px; |
4 height: 90px; | 4 height: 90px; |
5 -webkit-filter: url(#imagereplace); | 5 -webkit-filter: url(#imagereplace); |
6 filter: url(#imagereplace); | 6 filter: url(#imagereplace); |
7 -webkit-transform: translateZ(0); | 7 transform: translateZ(0); |
8 } | 8 } |
9 </style> | 9 </style> |
10 <div id="filtered"></div> | 10 <div id="filtered"></div> |
11 <svg xmlns="http://www.w3.org/3000/svg" width="0" height="0" xmlns:xlink="http:/
/www.w3.org/1999/xlink"> | 11 <svg xmlns="http://www.w3.org/3000/svg" width="0" height="0" xmlns:xlink="http:/
/www.w3.org/1999/xlink"> |
12 <filter id="imagereplace" color-interpolation-filters="sRGB"> | 12 <filter id="imagereplace" color-interpolation-filters="sRGB"> |
13 <feimage xlink:href="resources/reference.png"/> | 13 <feimage xlink:href="resources/reference.png"/> |
14 </filter> | 14 </filter> |
15 </svg> | 15 </svg> |
OLD | NEW |