| 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="hueRotate" values="180"/> | 4 <feColorMatrix type="hueRotate" values="180"/> |
| 5 </filter> | 5 </filter> |
| 6 <filter id="morphology" color-interpolation-filters="sRGB"> | 6 <filter id="morphology" color-interpolation-filters="sRGB"> |
| 7 <feMorphology radius="10" operator="dilate"/> | 7 <feMorphology radius="10" operator="dilate"/> |
| 8 </filter> | 8 </filter> |
| 9 <filter id="componenttransfer" color-interpolation-filters="sRGB"> | 9 <filter id="componenttransfer" color-interpolation-filters="sRGB"> |
| 10 <feComponentTransfer> | 10 <feComponentTransfer> |
| (...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 60 <feTile x="0" y="0" width="160" height="80"/> | 60 <feTile x="0" y="0" width="160" height="80"/> |
| 61 </filter> | 61 </filter> |
| 62 <filter id="drop-shadow" color-interpolation-filters="sRGB"> | 62 <filter id="drop-shadow" color-interpolation-filters="sRGB"> |
| 63 <feDropShadow dx="10" dy="5" stdDeviation="4"/> | 63 <feDropShadow dx="10" dy="5" stdDeviation="4"/> |
| 64 </filter> | 64 </filter> |
| 65 </defs> | 65 </defs> |
| 66 </svg> | 66 </svg> |
| 67 <style> | 67 <style> |
| 68 img { | 68 img { |
| 69 margin: 10px; | 69 margin: 10px; |
| 70 -webkit-transform: translateZ(0); | 70 transform: translateZ(0); |
| 71 } | 71 } |
| 72 </style> | 72 </style> |
| 73 <img src="resources/reference.png"> | 73 <img src="resources/reference.png"> |
| 74 <img style="-webkit-filter: url(#colormatrix); filter: url(#colormatrix);" src="
resources/reference.png"> | 74 <img style="-webkit-filter: url(#colormatrix); filter: url(#colormatrix);" src="
resources/reference.png"> |
| 75 <img style="-webkit-filter: url(#morphology); filter: url(#morphology);" src="re
sources/reference.png"> | 75 <img style="-webkit-filter: url(#morphology); filter: url(#morphology);" src="re
sources/reference.png"> |
| 76 <img style="-webkit-filter: url(#componenttransfer); filter: url(#componenttrans
fer);" src="resources/reference.png"> | 76 <img style="-webkit-filter: url(#componenttransfer); filter: url(#componenttrans
fer);" src="resources/reference.png"> |
| 77 <img style="-webkit-filter: url(#blurY); filter: url(#blurY);" src="resources/re
ference.png"> | 77 <img style="-webkit-filter: url(#blurY); filter: url(#blurY);" src="resources/re
ference.png"> |
| 78 <img style="-webkit-filter: url(#blend); filter: url(#blend);" src="resources/re
ference.png"> | 78 <img style="-webkit-filter: url(#blend); filter: url(#blend);" src="resources/re
ference.png"> |
| 79 <img style="-webkit-filter: url(#lighting); filter: url(#lighting);" src="resour
ces/reference.png"> | 79 <img style="-webkit-filter: url(#lighting); filter: url(#lighting);" src="resour
ces/reference.png"> |
| 80 <img style="-webkit-filter: url(#offset); filter: url(#offset);" src="resources/
reference.png"> | 80 <img style="-webkit-filter: url(#offset); filter: url(#offset);" src="resources/
reference.png"> |
| 81 <img style="-webkit-filter: url(#convolvematrix); filter: url(#convolvematrix);"
src="resources/reference.png"> | 81 <img style="-webkit-filter: url(#convolvematrix); filter: url(#convolvematrix);"
src="resources/reference.png"> |
| 82 <img style="-webkit-filter: url(#displacement); filter: url(#displacement);" src
="resources/reference.png"> | 82 <img style="-webkit-filter: url(#displacement); filter: url(#displacement);" src
="resources/reference.png"> |
| 83 <img style="-webkit-filter: url(#merge); filter: url(#merge);" src="resources/re
ference.png"> | 83 <img style="-webkit-filter: url(#merge); filter: url(#merge);" src="resources/re
ference.png"> |
| 84 <img style="-webkit-filter: url(#flood); filter: url(#flood);" src="resources/re
ference.png"> | 84 <img style="-webkit-filter: url(#flood); filter: url(#flood);" src="resources/re
ference.png"> |
| 85 <img style="-webkit-filter: url(#turbulence); filter: url(#turbulence);" src="re
sources/reference.png"> | 85 <img style="-webkit-filter: url(#turbulence); filter: url(#turbulence);" src="re
sources/reference.png"> |
| 86 <img style="-webkit-filter: url(#tile); filter: url(#tile);" src="resources/refe
rence.png"> | 86 <img style="-webkit-filter: url(#tile); filter: url(#tile);" src="resources/refe
rence.png"> |
| 87 <img style="-webkit-filter: url(#drop-shadow); filter: url(#drop-shadow);" src="
resources/reference.png"> | 87 <img style="-webkit-filter: url(#drop-shadow); filter: url(#drop-shadow);" src="
resources/reference.png"> |
| OLD | NEW |